做一个尽可能宽的

Question

我正在开发CMS类型系统，并将在表格中列出内容。问题在于，由于默认情况下表的工作方式，右手信息（创建日期，视图等）占用的空间比需要的多，看起来很好......很傻。所以我想知道是否有人知道如何强制标题<td>尽可能多地占用空间，从而将右手内容推向边缘。

Answer 1

将宽度设置为100％

<td width="100%">

它有点hacky但它​​有效

编辑：为了防止其他列压扁我在OTHER列上使用它：

<td class="no-wrap">

和样式表

<style>
.no-wrap 
{
    white-space: nowrap;
}
</style>

Answer 2

您的CSS可能如下所示：

.tblX { width: 100%; min-width:480px; max-width:960px}    
.col1 { width: 10%; min-width:48px; max-width:96px}
.col2 { width: 70%; min-width:336px; max-width:672px}
.col3 { width: 20%; min-width:96px; min-width:192px}

您的HTML就像：

<table class="tblX">
    <tr>
        <td class="col1">some text</td>
        <td class="col2">some text</td>
        <td class="col3">some text</td>
    </tr>
</table>

您可以更改表格列宽的比例。这是小提琴：http://jsfiddle.net/PVfAW/

Answer 3

我建议使用百分比并为那些外部td的'最大'创建一个css规则。在这里看一下CSS3的自动换行，断字的例子。 http://www.css3.com/css-word-wrap/