具有动态大小的 CSS div 表格行

【问题标题】：CSS div table line with dynamic sizes具有动态大小的 CSS div 表格行
【发布时间】：2011-11-08 13:44:45
【问题描述】：

这就是我需要的。它完全是跨浏览器（如果添加一些样式）
http://jsfiddle.net/Jkz5f/8/
但这不是一个好的解决方案，因为使用了固定位置

而这条线与花车
http://jsfiddle.net/Jkz5f/5/
但如果你添加“b”字符串，它会崩溃

有谁知道完全跨浏览器的解决方案
没有 (display:table) 并且没有“.b”的恒定边距？

【问题讨论】：

我敢涉足这个吗？如果您打算将其用于表格数据，那么老式的实际表格肯定就足够了。

标签： html css dynamic cross-browser css-tables

【解决方案1】：

将元素用作 div 不是一个好主意。只需这样做：

<div id="table">
            <div class="tr">
                <div class="a"><a href="#">a</a></div>
                <div class="b"><a href="#">bbbbbbbbbb</a></div>
<!-- and so on -->
            </div>
    </div>

当然，添加您需要的所有列。然后将所有内容浮动到左侧并添加一个 clear:both 到 .a, .b ,.c div 或者这样做：

<div id="table">
            <div class="tr">
                <div class="a"><a href="#">a</a></div>
                <div class="b"><a href="#">bbbbbbbbbb</a></div>

<!-- and so on -->
            <div style="clear:both"></div>
            </div><!-- end of row -->
    </div>

【讨论】：