Question

我在<span>单元格中有一个<td>元素。我试图找出用于强制<span>内容换行到新行而不是导致<td>项扩展的CSS规则。

示例代码：

<html>
  <body>
    <table>
      <tr>
        <td>
        <p>This should set cell width</p>
        <span>This longer line should wrap at the length of the above 
        &lt;p&gt; element width.</span>
        </td>
      </tr>
    </table>
  </body>
</html>

问题是表格宽度不是其父容器的100％。我不想强制表格达到一定的大小，我只是想将这个特定的内容排除在表格的大小计算中。

这可能吗？如果是这样，怎么样？

Answer 1

我很确定你不能只使用CSS。正如您所提到的，它可以由JS完成。试着看看我的快速示例：http://jsfiddle.net/a9dhC/

这是你所期望的吗？

CSS防止内联项增加父项大小？

1 个答案: