mesa Safari / WebKit longo prazo ao usar espaços em branco: nowrap

Question

Ter um problema de processamento estranha com Safari:

Eu tenho uma tabela dentro de uma div. Dentro da tabela Eu tenho muita div do flutuou esquerda. Assim, o visor normal é de todos os divs dentro do td empilhadas para a esquerda, até que preencha a largura, então o fluxo para a linha seguinte, e assim por diante. Então, algo como isto:

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

que funciona em todos os navegadores, exceto safari / webkit, onde ele acaba algo como isto:

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

Update: Finalmente descobri o problema: meus divs internos (o "XXX" s) teve white-space: nowrap. Aparentemente webkit havia-wrap'ing toda a lista de divs em vez de aplicar o nowrap dentro do div.

Essa foi uma desagradável.

(Isso não teve nada a ver com display: none)

Answer 1

Respondendo a minha própria pergunta:

Finalmente descobri o problema: meus divs internos (o "XXX" s) teve white-space: nowrap. Aparentemente webkit havia-wrap'ing toda a lista de divs em vez de aplicar o nowrap dentro do div.

Essa foi uma desagradável.

(Isso não teve nada a ver com display: none)

Answer 2

Na verdade, eu perguntei a minha pergunta acima separadamente, então eu encontrei a solução como um menino grande:

Em vez de usar white-space: nowrap, neste caso, é mais apropriado para ir com display:. Inline-block

As necessidades CSS para ser adaptado aqui e ali para a mudança, mas funciona como esperado.

Elements com obter nowrap preso a elementos adjacentes em WebKit