0

很难创建此图标页面。基本上，我希望图标彼此靠近排列，所以基本上是这样的......

自定义图标 - 铅笔自定义图标 - 时钟 铅笔的图标 时钟的图标

<div>
    <!-- Icon Button - pencil -->
    Custom Icon - pencil <br />
    <div id="pencil">pencil</div>
</div>

<div>
    <!-- Icon Button - clock -->
    Custom Icon - clock <br />
    <div id="clock">clock</div>
</div>

<div>
    <!-- Icon Button - disk -->
    Custom Icon - disk <br />
    <div id="disk">disk</div>
</div>

<div>
    <!-- Icon Button - calendar -->
    Custom Icon - calendar <br />
    <div id="calendar">calendar</div>
</div>

<div>
    <!-- Icon Button - zoomin -->
    Custom Icon - zoomin <br />
    <div id="zoomin">zoomin</div>
</div>

<div>
    <!-- Icon Button - zoomout -->
    Custom Icon - zoomout <br />
    <div id="zoomout">zoomout</div>
</div>

我有一个庞大的预制按钮，我想在页面上显示给员工:)

4

1 回答 1

0

我很难准确理解你在寻找什么，但我可以给出一些一般性的指示。如果你有 div 并且你想将它们水平排列，最常见的实现方法是使用floatCSS。

这是一个小提琴。

这里发生了什么事？我制作了 3 个 div，它们彼此相邻排列。我给他们每人上了两节课。它们都有 class icon，它控制所有三个的行为。然后每个人都有第二个类来定义他们的个人行为。它们里面还有文本来演示如何用其他内容填充这些 div。

排列它们的重要一点是它们都是float: left并且它们都有一个集合width。设置宽度可能对您的布局很重要，除非内容都具有特定宽度 - 在这种情况下，您可能会很高兴使用padding.

如果我完全错过了您的观点，请尝试澄清，我会再试一次。

于 2013-04-03T00:59:50.753 回答