1

我在div里面div

<div id="out" align="center">
      <div id="in1" align="left">111</div>
      <div id="in2" align="left">aaaaaaaaaaaaaaaaaaaaaa</div>
      <div id="in3" align="left">bbbb</div>
      <div id="in4" align="left">6516519191</div>
      <div id="in5" align="left">apple</div>
      <div id="in6" align="left">ii</div>
</div>

预期的结果div是居中的 size=(max inside div size)。然后里面的项目都左对齐：

                         111
                         aaaaaaaaaaaaaaaaaaaaaa
                         bbbb
                         6516519191
                         apple
                         ii

我不想给width外部 div，因为我不知道以前项目的大小。

有什么办法吗？

4

3 回答 3

2
于 2013-06-19T16:21:36.223 回答
1

首先，div 没有“对齐”属性。

您提供的信息看起来像表格数据。在这种情况下，应该使用表格，而不是 div。

于 2013-06-19T16:25:02.357 回答
0

设置外部width:100%; 或定义内部宽度，否则

CSS

.abc{
float:left;
width:100%;
}

HTML

<div id="out" align="center">
      <div id="in1" class="abc">111</div>
      <div id="in2" class="abc">aaaaaaaaaaaaaaaaaaaaaa</div>
      <div id="in3" class="abc">bbbb</div>
      <div id="in4" class="abc">6516519191</div>
      <div id="in5" class="abc">apple</div>
      <div id="in6" class="abc">ii</div>
</div>
于 2013-06-19T16:04:53.523 回答