2011-08-05 12 views
1

私はそれが私には見苦しいに見えるテーブルセルのテキストを行折り返しにすることを推奨できますか?

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

...ヘッダは質問で構成され、次の行にのみチェックボックスが含まれていますテーブルの1列全体を持っています。または言われるために - 私はちょうど何かを示唆して、特定のレンダリングにブラウザを強制する必要はありませんので、予めご了承ください

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

...このようにそれをレンダリングするためにブラウザを「奨励」するために、任意のマークアップを使用することができますそれは不可能であるということです。そのためhttp://jsfiddle.net/karameloso/aMTNH/

答えて

2

を働かなければならない私はあなたができる最善のは、ここで選択th

にいくつかのサンプルコードを幅を与えていると思いますコラムのような:

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

Here is an example

UPDATE。 Brock Adamsが示唆しているように、pxをemに変更しました

+0

申し訳ありませんが、私の投稿前にこの回答が見つかりませんでした。 – spliter

+1

@スプリッター:あなたの答えには、そうする前に消えてしまうかもしれないサイトへのリンクではなく、 "teh codez"があります。 ;)だから、あなたの答えは私の投票を得る。 –

+0

ええ、そうです。 – karameloso

2

セット幅:

どれソリューションは、MS IE 7に

+1

ピクセルではなく、 'em'または' ex'を使います。これは、異なるフォントサイズ(ユーザーが自由に変更できる)に適応します。 –

+0

良い点@Brock Adams – spliter

+0

このソリューションは機能しますが、最初の子セレクタにはIE7にいくつかの問題があります。それは私が通常それを避けようとする理由です。 http://www.communitymx.com/content/article.cfm?page=5&cid=1C603 – karameloso

関連する問題