html - 尽可能宽

Question

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

Answer 1

将宽度设置为 100%

<td width="100%">

这有点hacky，但它有效

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

<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/