말그대로 column-count 사용시 컨텐츠가 overflow 될때가 있다.
이러면 모양이 보기 안 좋은데, 이러한 문제를 방지하기 위해서는 아래의 코드 하나만 추가해주면 된다.
page-break-inside: avoid;
더 자세한 사항은 아래의 링크를 참고하면 된다.
https://stackoverflow.com/questions/41668228/css-column-count-overflow-issue-in-chrome
'CSS' 카테고리의 다른 글
css calc() 함수 (0) | 2018.07.23 |
---|---|
column-count 속성을 사용하여 masonry를 구현할때 주의할 점 (0) | 2018.07.20 |
grid로 masonry 구현시 한계점 (0) | 2018.05.24 |
완벽한 masonry 인터페이스를 구현하는 방법 2 (0) | 2018.05.19 |
css flex 속성에 관하여 (0) | 2018.05.09 |
댓글