带换行文本的表格单元格的最小宽度



我有一个表格,其中大多数单元格只包含一个单词,但它可能是一个单元格包含更长的文本。我喜欢在这种情况下,这个单元格有最小宽度,但其他单元格没有。

因此,它强制在x-axis上覆盖表,并且文本更具可读性。我不知道哪个单元格可以有多少文本,所以不能在一个特定的单元格上放置css类。

是否有一个选择器或其他东西说:

如果空白行,那么它应该有一个最小宽度?

JSFiddle

No。你需要用类来标记你的HTML。如果你没有修改html的权限,你可以用css选择列。

与HTML

   <tr>
     <td> Normal</td>
     <td class="minwidth">Large</td>
   </tr>
   <style>
      .minwidth { min-width: 250px; }
   </style>

用CSS选择属性列

   table tr td:nth-child(2) { min-width: 250px; }
    /** this selects the second TD in all rows **/

最新更新