小编txc*_*hou的帖子

使用Last Column Filling Remainder使表宽度为100%,而不压缩其他列的内容/宽度

是否有可能使表(具有动态创建的文本)具有例如:

表格宽度100%的屏幕5列最后一列是空的()前四列有文本,宽度是动态的,最后一列是宽度的剩余部分而没有压缩前四列中的文本

到目前为止我有这个并且它压缩了我正试图避免的文本:

<table style="width:100%;" border="1">
<tr>
    <td>One Two Three</td>
    <td>Two Three Four</td>
    <td>Three Four Five</td>
    <td>Four Five Six</td>
    <td style="width:100%;">&nbsp;</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)

我不能使用"white-space:nowrap",因为如果有足够的文本,我希望文本包装.

编辑:"我只是喜欢[前四]列,如果我从表格标签中删除宽度属性,它们将是宽度.但仍然有表格的100%宽度."

有任何想法吗?CSS解决方案更好!

html css html-table

22
推荐指数
4
解决办法
3万
查看次数

标签 统计

css ×1

html ×1

html-table ×1