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

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}

Here is an example

更新。 如布洛克·亚当斯所建议的那样，将px更改为em。