내 전자 책 앱용입니다. 기둥의 높이는 다양합니다. 따라서 이미지 위치를 예측하기가 어렵습니다. 나는 -webkit-column-break-before를 사용한다 : always;을 사용하여 열 사이에서 이미지가 분리되지 않도록합니다. 그러나이 방법은 빈 공간을 남겨 둡니다.
마지막 열의 텍스트로 두 번째 열의 빈 공간을 채울 수 있습니까? 어떻게 생각해?
https://jsfiddle.net/rg9kvnys/
#mydiv{
width:1000px;
height:200px;
-webkit-column-width:200px;
border-style:solid;
}
#image{
box-sizing:border-box;
border-style:solid;
border-color:red;
background-color:lightblue;
height:100%;
-webkit-column-break-before: always;
}
는 부트 스트랩을 사용하고 편리하게 올 수 있습니까? –
nop, 간격을 메우기 위해 텍스트가 이미지 주위로 흐르지 않습니다. :( –
... 결국 요소를 떠 다니는 것입니다 : https://jsfiddle.net/rg9kvnys/3/ –