Html 做一个<;td>;尽可能宽

Html 做一个<;td>;尽可能宽,html,css,html-table,Html,Css,Html Table,我正在开发一个CMS类型的系统,并将在表格中列出内容。问题是,由于默认情况下表的工作方式,右侧信息(创建日期、视图等)占用的空间比需要的多,而且看起来很好。。。傻。因此,我想知道是否有人知道一种方法可以强制标题使用尽可能多的空间,从而将右侧内容推向边缘 将宽度设置为100% <td width="100%"> 它有点粗糙,但它能工作 编辑:为了防止其他列挤压,我在其他列上使用此选项: <td class="no-wrap"> 和样式表 <style>

我正在开发一个CMS类型的系统,并将在表格中列出内容。问题是,由于默认情况下表的工作方式,右侧信息(创建日期、视图等)占用的空间比需要的多,而且看起来很好。。。傻。因此,我想知道是否有人知道一种方法可以强制标题
使用尽可能多的空间,从而将右侧内容推向边缘

将宽度设置为100%

<td width="100%">

它有点粗糙,但它能工作

编辑:为了防止其他列挤压,我在其他列上使用此选项:

<td class="no-wrap">

和样式表

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

1.不要包装
{
空白:nowrap;
}

您的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>

一些文本
一些文本
一些文本

您可以更改表格列宽度的比例。问题来了:

我建议使用百分比,并为那些外部td上的“最大值”创建css规则。请参阅这里的CSS3换行、分词示例

width
是过时的,不推荐使用。改用CSS。唯一的问题是它太像这样挤压文本。先生,你应该喝杯啤酒