包含文本的表格单元格的最小宽度

Question

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

因此它强制表格在x-axis上溢出，文字更具可读性。我事先不知道哪个单元格可以有多少文本可以将css类放在特定的单元格上。

是否有选择器或其他内容：

如果白色空间包裹，则它应具有最小宽度？

示例标记：JSFiddle

Answer 1

没有。你需要用类标记你的HTML。如果您无权修改html，可以选择带有css的列。

HTML

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

使用CSS选择propper列

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