我需要用CSS布局一个html数据表.
表的实际内容可能不同,但始终有一个主列和两个或更多其他列.我想使主列占用尽可能宽的宽度,无论其内容如何,而其他列占用的宽度尽可能小.我无法为任何列指定确切的宽度,因为它们的内容可能会发生变化.
我怎么能使用一个简单的语义上有效的html表和css来做到这一点?
例如:
| Main column | Col 2 | Column 3 | <------------------ fixed width in px -------------------> <------- as wide as possible ---------> Thin as possible depending on contents: <-----> <-------->
解决方法
我不是一名CSS专家,但这对我有用(在IE,FF,Safari和Chrome中):
td.zero_width { width: 1%; }
然后在你的HTML中:
<td class="zero_width">...</td>