1

我试图有一个水平的 div 行，所有相同的宽度并包含一些文本。理想情况下，我不想手动设置它们的位置，因为使用不同数量的 div 很难维护/复制。到目前为止，我的两种方法都不令人满意，它们是： 1. 使用一系列 div，在 css 中设置 float: left。这样，当我想要它们时，它们都落在左侧，基本上是合理的，因此它们以均匀的间距填充容器的宽度。2. 使用一系列跨度，在 css 中为其父级设置 text-align: center。这证明是正确的，但跨度内的文本长度不同，这意味着文本较少的文本比其他文本宽。

我如何结合这两个属性：手动设置宽度的能力，如 div，但设置位置为中心的能力，如使用 text-align 的跨度。是否有类似浮动子对齐的属性？

4

2 回答 2

2

如果你给他们，你可以设置你的跨度的宽度display: inline-block。

于 2013-07-04T19:38:09.020 回答
0

如果您正确计算 div 的边距和大小，则可以正确执行此操作。例如看下面的小提琴：http: //jsfiddle.net/r7KMB/

<div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

.container {
    width : 230px; height:20px;
    border : 1px solid black;
}
.item {
    width: 30px; height: 15px;
    border : 1px solid red;
    margin: 1px 5px 1px 5px;
    display: inline-block;
}
于 2013-07-04T19:46:26.627 回答