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