표 셀 텍스트의 줄 바꿈을 권장 할 수 있습니까?

나는 헤더 질문으로 구성되어 있으며 다음과 같은 행에만 체크 박스가 포함되어있어 테이블의 한 전체 열 ...표 셀 텍스트의 줄 바꿈을 권장 할 수 있습니까?

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

내가 뭔가를 특정 렌더링에 브라우저를 강제로 단지 제안하고자하지 않도록 유의하시기 바랍니다 ... 이런 식으로 렌더링하는 브라우저를 "장려"어떤 마크 업을 사용 그것은 불가능합니다. 그것에 대해 http://jsfiddle.net/karameloso/aMTNH/

출처

2011-08-05 Mawg

난 당신이 선택한 여기 th

몇 가지 예제 코드에 폭을주고있다 할 수있는 최선의 추측 MS IE에서 작동합니다 열 같은 :

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

Here is an example

업데이트. Brock Adams가 제안한대로 px를 em으로 변경했습니다.

출처

2011-08-05 09:01:17 karameloso

아, 죄송합니다. 게시하기 전에이 답변을 보지 못했습니다. – spliter

@ 스플pliter : 당신의 대답은 그렇게하기 전에 사라질 수도있는 사이트에 대한 링크가 아닌 "teh codez"입니다. ;) 그래서, 당신의 대답은 내 표를 얻습니다. –

흠 말이야. – karameloso

설정 폭 :

모든 솔루션은 7

출처

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

표 셀 텍스트의 줄 바꿈을 권장 할 수 있습니까?

답변

관련 문제