Могу ли я рекомендовать перенос текста в ячейки таблицы?

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

Установите ширину для этого столбца, например:

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

Вот пример

ОБНОВЛЕНИЕ.Брок Адамс изменил px на em, как предлагает

Answer 2

Полагаю, лучшее, что вы можете сделать, это дать ширину выбранному th

вот пример кода: http://jsfiddle.net/karameloso/aMTNH/