사파리/웹킷 테이블 : 파라미터 nowrap

Question

사파리와 이상한 렌더링 문제를 갖는

내가 사업부 내부 테이블이 있습니다. 테이블 안에 <td> 나는 많은 div가 왼쪽으로 떠있다. 그래서 정상적인 디스플레이는 너비를 채울 때까지 왼쪽으로 쌓아 올린 td 내의 모든 div들입니다. 그리고 나서 다음 줄로 넘겨 줄 것입니다. 이 같은 뭔가 :

가이 같은 끝 사파리/웹킷,를 제외한 모든 브라우저에서 작동

|===========================| 
| |---------------------| | 
| | XXX XXX XXX XXX | | 
| | XXX XXX   | | 
| |      | | 
| |---------------------- | 
|===========================| 

:

|===========================| 
| |-------------------------------| 
| | XXX XXX XXX XXX XXX XXX | 
| |        | 
| |-------------------------------| 
|===========================| 

업데이트 : 내 내부 div의합니다 (마지막으로 문제를 파악 'XXX'(이)는 white-space: nowrap입니다. 분명히 Webkit은 div 내에서 nowrap을 적용하는 대신 div의 전체 목록을 래핑하지 않았습니다.

그건 나쁘지. 마지막으로 문제를 파악

: 내 자신의 질문에 대답

Answer 1

내 내부 div의 (이하 "XXX"들)이 공백을했다 :

은 (없음이 디스플레이와는 아무런 관련이 없음) 파라미터 nowrap를 . 분명히 Webkit은 div 내에서 nowrap을 적용하는 대신 div의 전체 목록을 래핑하지 않았습니다.

그건 나쁘지.

가 (이 디스플레이와는 아무 상관이 없었 : 없음) :

대신 공백을 사용하여 :

Answer 2

사실을, 나는 위의 질문은 개별적으로, 나는이 큰 소년 같은 해결책을 발견 요청 파라미터 nowrap를 ,이 경우 display : inline-block으로가는 것이 더 적절합니다.

변경을 위해 CSS를 적용해야하지만 예상대로 작동해야합니다.

Elements with nowrap get stuck to adjacent elements in WebKit