我可以鼓励表格单元格文本换行吗？

Question

我有一整列的表，其标题由一个问题组成，在接下来的行中仅包含一个复选框......

------------------------------------------------------
| Would you like this text to wrap ? | <rest of row> |     <-- <th>
-------------------------------------+----------------
|                []                  + <rest of row> |     <-- <tr>        
-------------------------------------+----------------
|                []                  + <rest of row> |     <-- <tr>   

它对我来说看起来难看。我可以使用任何标记来“鼓励”浏览器像这样渲染它吗？

---------------------------
| There,  |               |
| isn't   |               |
| that    | <rest of row> |     <-- <th>
| nicer?  |               |
----------+----------------
|   []    |               |     <-- <tr>
----------+----------------
|   []    |               |     <-- <tr>
----------+----------------

请注意，我不想强​​迫浏览器进行特定的渲染，只是为了建议一些东西 - 或者被告知这是不可能的。

任何解决方案都必须在 MS IE 7 中运行。

Answer 1

我想你能做的最好的事情就是给所选的th一个宽度

，这里有一些示例代码：http://jsfiddle.net/karameloso/aMTNH/

Answer 2

设置该列的宽度，例如：

table#my-table th:first-child {width: 4em}

这是一个示例

更新。
按照 Brock Adams 的建议将 px 更改为 em