html – 是否使用“display：table;”将一个布局组织成2列？

概述我试图做一个2列布局，显然是CSS的祸根。我知道你不应该使用表格进行布局，但是我已经解决了这个CSS。注意使用display：table等 div.container { width: 600px; height: 300px; margin: auto; display: table; table-layout: fixed; }ul { white-space: nowra @H_301_0@我试图做一个2列布局，显然是CSS的祸根。我知道你不应该使用表格进行布局，但是我已经解决了这个CSS。注意使用display：table等

div.container {  wIDth: 600px; height: 300px; margin: auto;  display: table; table-layout: fixed;  }ul {  white-space: nowrap; overflow: hIDden;  display: table-cell;  wIDth: 40%;  }div.inner {  display: table-cell;  wIDth: auto;  }

有了这个布局：

<div >  <ul>    <li>First</li>    <li>Second</li>    <li>Third</li>    </ul>  <div >    <p>Hello world</p>    </div>  </div>

这似乎是令人钦佩的。不过，我不禁想到 – 我是否遵守“不要使用桌子”的规则，而不是精神的信？我认为没关系，因为HTML代码中没有定位标记，但是我不知道“正确”的方式。

我不能使用CSS float，因为我希望列可扩展并与可用空间签约。

请堆栈溢出，帮助我解决我对这些伪表的恐惧感。

解决方法 不使用表格有两个基本参数：

>语义标记。
>避免标签汤。 (标签太多)

所以，你的方法并不是真的违反了这些目标。但是，您应该在ie7和ie6中检查此代码 – 您可能会看到一些不一致之处。

如上所述 – 不用担心坚持这些规则。他们是准则，你应该使用正确的工具来完成你正在做的工作。这里重要的是知道各种技术是最适合的，何时使用它们。有时，使用表格是您尝试做的最好的工具，有时候它不是。

总结

以上是内存溢出为你收集整理的html – 是否使用“display：table;”将一个布局组织成2列？全部内容，希望文章能够帮你解决html – 是否使用“display：table;”将一个布局组织成2列？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。