我可以鼓勵使用表格單元格來換行嗎？

我有一個表的一分整列誰的頭包含一個問題，並在後面的行只包含一個複選框...我可以鼓勵使用表格單元格來換行嗎？

------------------------------------------------------ 
| 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

來源

2011-08-05 Mawg

我想你可以做的，是給寬度所選擇的th

這裏一些示例代碼最好：http://jsfiddle.net/karameloso/aMTNH/

來源

2011-08-05 09:01:17 karameloso

哦，對不起，在發帖之前沒有看到這個答案。 – spliter

@spliter：你的答案有「teh codez」，而不是*只是*一些網站的鏈接，可能會在SO之前消失。 ;）所以，你的回答得到我的投票。 –

嗯，這是正確的。 – karameloso

設置寬度爲列，如：

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

Here is an example

更新。將px更改爲em，正如Brock Adams建議的

來源

2011-08-05 09:21:24 spliter

使用'em'或'ex'而不是像素。這將適應不同的字體大小（用戶可以隨意更改）更好。 –

好點@Brock Adams – spliter

這個解決方案可行，但是第一個孩子選擇器在IE7中有一些問題。這就是爲什麼我通常會盡量避免它。見http://www.communitymx.com/content/article.cfm?page=5&cid=1C603 – karameloso

我可以鼓勵使用表格單元格來換行嗎？

回答

相關問題