如何利用 DIV 标签像表格列一样工作答案

【问题标题】：How to utilize DIV tags to work like Table Columns如何利用 DIV 标签像表格列一样工作
【发布时间】：2011-06-21 01:51:02
【问题描述】：

请参考图片以获得更好的视觉效果。我无法访问 Table 元素，因为我使用的“ZK 框架”框架的免费版本没有表格，但它有 DIV 。所以想想一个有一些行和三列的表格：我使用了一个带有 Left Margin 的 DIV 标签并绘制了我的左列的元素..

<div id="leftColumn" width= "45%" align="left" style = "margin-top:10px;margin-bottom:10px;margin-right:30px;margin-left:20px;">

我正在考虑使用该表的第二列作为每行元素之间的间距，并使用第三列将我的右侧元素放在上面... 那么现在对于其他两个 DIV，我应该如何设置其属性以使其看起来正确？而实际上你有更好的设计思路吗？

谢谢。

【问题讨论】：

标签： html

【解决方案1】：

.divsYouNeedToColumn { display: inline }

在您的 css 中应该可以解决您的问题。顺便说一句，限制表格的框架似乎非常...愚蠢。

【讨论】：