0
브라우저에 따라 code example을 참조하십시오. 파이어 폭스에서 사파리는 항상 텍스트가있는 8 개의 열을 봅니다. 하지만 크롬에서 마지막 열은 비어 있습니다. 이 CSS 속성은 어떻게 작동합니까? Safari에서 크롬처럼 보이게하려면 어떻게해야하나요?CSS3 속성 column-count. Chrome, Firefox 및 Safari에서 다른 디스플레이
<div style="text-align: justify; border: solid; -webkit-columns: 8; -moz-column-count: 8; font-size: 12px; line-height: 2; height: 500px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare, nunc eget condimentum tempor,
augue ligula accumsan eros, sed consequat sapien orci id libero. Curabitur tristique, augue in aliquet
accumsan, nibh nisi lobortis odio, et suscipit est ligula eu nisi. Nunc aliquet lobortis porta. Donec
venenatis consectetur eleifend. Etiam sed tempor quam. Pellentesque gravida gravida eros venenatis
suscipit. Aenean diam enim, suscipit id pellentesque vel, hendrerit et metus. Suspendisse felis erat,
hendrerit a congue in, euismod ac erat. Donec pulvinar venenatis tortor, a lobortis erat scelerisque
et. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Aliquam in orci id felis mollis porta ac et orci. Donec viverra, eros ac mattis dapibus, quam ante
porta lectus, accumsan pellentesque nibh metus non felis. Vivamus sed eros quis magna scelerisque
ultrices ac eget velit.
Nunc et odio ut velit posuere viverra. Integer eu mi quis velit dapibus tempus at ut purus. Quisque
congue mollis mauris a hendrerit. Nam viverra est at orci interdum a ullamcorper mi dictum. In id
sapien augue. Suspendisse potenti. Vestibulum turpis purus, convallis ut sagittis quis, semper vel
mauris. Curabitur vitae felis turpis. Fusce augue nibh, consectetur non vestibulum et, bibendum sit
amet lectus. Nulla at imperdiet metus. Donec non est velit, non fringilla ipsum. Fusce elementum neque
a nibh egestas sodales. Mauris ut lorem hendrerit metus interdum malesuada. Nam tempus sodales neque
vitae bibendum. Vestibulum ac est sit amet dolor vehicula semper at sed ante. Nunc at neque urna, in
volutpat orci. Praesent eu velit neque, quis rutrum metus. Nunc eu ipsum sit amet ligula mattis
porttitor sit amet id felis. Integer volutpat aliquam odio et feugiat.
</div>
Chrome view와 파이어 폭스보기 screencast.com/t/8qE9ZrY57
UPD : 사용 열 채우기 : 자동;