用于制作表格列的CSS占用尽可能多的空间,而其他cols则占用尽可能少的空间

前端之家收集整理的这篇文章主要介绍了用于制作表格列的CSS占用尽可能多的空间,而其他cols则占用尽可能少的空间前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要用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>

猜你在找的CSS相关文章