<td> 上的最大宽度

Posted 2023-03-06

【中文标题】<td> 上的最大宽度

【英文标题】：Max width on a <td>

【发布时间】：2013-08-05 05:07:00

【问题描述】：

我需要创建一个<table>，它占据了父 div 的全部宽度。但我想在左列指定一个最大宽度，但没有成功......这是我的麻烦： jsfiddle

很明显表格 width: 100%; 但是否有另一种方法可以在没有 javascript 的情况下指定全宽？

【问题讨论】：

你试过玩弄溢出属性吗？

我刚刚尝试了这些值：自动、隐藏、可见和滚动，但没有成功

【参考方案1】：

尝试在与white-space: nowrap的情侣中使用width：

td.leftcell

     max-width:    200px;
     width:        20px;
     white-space:  nowrap;
     overflow:     hidden; /* to prevent veeery long text overflow */ 

看看：http://jsfiddle.net/8JLXj/8/

【讨论】：

我不能这样做，有时会显示很长的文字：jsfiddle.net/8JLXj/2

我不想隐藏文本，它必须显示在一个简单的行上

@user2428648 嗯？什么是“简单线”？

我的意思是一行不换行，这里我放了我想处理的所有用例，这里的最大宽度为 200px：jsfiddle.net/8JLXj/6btw 谢谢你的帮助

@user2428648 欢迎您。可能是white-space: nowrap;可以帮忙看看：jsfiddle.net/8JLXj/7