Safari/WebKit 테이블 공백을 사용할 때 과도한 실행 : Nowrap

Question

Safari와 이상한 렌더링 문제 :

나는 div 안에 테이블이 있습니다. 테이블 내부u003Ctd> 나는 div가 왼쪽으로 많은 것을 가지고있다. 따라서 일반 디스플레이는 너비를 채울 때까지 왼쪽에 쌓인 TD 내의 모든 DIV입니다. 그런 다음 다음 줄로 흐릅니다. 그래서 다음과 같은 것 :

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

Safari/Webkit을 제외한 모든 브라우저에서 작동하며 다음과 같은 작업이 끝납니다.

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

업데이트 : 마지막으로 문제를 알아 냈습니다. 내 내부 divs ( "xxx"s)는 white-space: nowrap. 분명히 WebKit은 DIV 내에 Nowrap을 적용하는 대신 전체 DIV 목록을 작성하지 않았다.

그것은 불쾌한 사람이었습니다.

(이것은 디스플레이와 관련이 없었습니다 : 없음)

Answer 1

내 자신의 질문에 대답 :

마침내이 문제를 알아 냈습니다 : 내 내부 divs ( "xxx"s)에는 흰색 공간이 있습니다 : nowrap. 분명히 WebKit은 DIV 내에 Nowrap을 적용하는 대신 전체 DIV 목록을 작성하지 않았다.

그것은 불쾌한 사람이었습니다.

(이것은 디스플레이와 관련이 없었습니다 : 없음)

Answer 2

사실, 나는 위의 질문을 별도로 물었다. 그리고 나는 큰 소년과 같은 해결책을 발견했다.

흰색 공간을 사용하는 대신 : Nowrap,이 경우 디스플레이를 사용하여 Inline-Block을 사용하는 것이 더 적절합니다.

CSS는 변경을 위해 여기저기서 적응해야하지만 예상대로 작동합니다.

nowrap을 가진 요소는 webkit의 인접한 요소에 붙어 있습니다.