파이어 폭스와 인 flexbox은 공백 사용하는 경우 : 그것은 웹킷처럼 보이는 무엇 <a href="http://jsfiddle.net/brandondurham/LRJhm/">http://jsfiddle.net/brandondurham/LRJhm/</a></p> <p>을 : 자식 요소에 파라미터 nowrap을 유연 상자가

파이어 폭스에서 다음, 사파리 나 크롬에서이 jsFiddle에서 봐 나누기 http://cloud.smallparade.com/B4TE 파이어 폭스와 인 flexbox은 공백 사용하는 경우 : 그것은 웹킷처럼 보이는 무엇 <a href="http://jsfiddle.net/brandondurham/LRJhm/">http://jsfiddle.net/brandondurham/LRJhm/</a></p> <p>을 : 자식 요소에 파라미터 nowrap을 유연 상자가

파이어 폭스처럼 보이는 무엇

: http://cloud.smallparade.com/B53R

당신은 유연한 상자가 파이어 폭스에서 깨진 볼 수 있습니다. 두 상자 (.left) 중 더 길면 CSS 속성이 white-space이 nowrap으로 설정되어 있기 때문에 잘 감쌀 수 없습니다. 이 단일 속성 덕분에 유연한 상자가 깨져서 .left div의 전체 내용에 맞게 확장됩니다.

누구든지이 동작을 발견 했습니까? 고쳐?

출처

2011-10-18 Brandon Durham

그것이 정상적으로 작동하는 방식입니다. Flexbox는 요소의 본래 너비가 계산 된 후에 왼쪽 여백을 분산하지만 요소 자체의 고유 너비는 제어하지 않습니다. 작업 그룹에서 사양을 검토하고 있지만 명시적인 너비를 설정하지 않으면 결과가 unintuitive 인 이유입니다.

내 조언은 try using display: table; instead이지만 비슷한 문제가 발생할 수 있습니다.

출처

2011-10-19 14:23:27 robertc