div中的長文本中斷

Question

如何固定文本，使其與圖片保持一致？ 我嘗試添加“自動換行：斷詞”，但是它不起作用。

 /* tell the container's children to float left: */ .float-my-children > * { float:left; margin-right:5px; } /* this is called a clearfix. it makes sure that the container's children floats are cleared, without using extra markup */ .clearfix { *zoom:1 /* for IE */ } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } /* end clearfix*/ /* below is just to make things easier to see, not required */ body > div { border:1px dashed red; margin-bottom:10px; } 

 <div class="clearfix float-my-children"> <img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Balzac.jpg/220px-Balzac.jpg" width=100> <div>some long text here here here here here here here here here here here here here here here here here here here here here here here here</div> </div> 

https://jsfiddle.net/u9zg4vLs/

Answer 1

將float:left僅添加到<img>標簽

.float-my-children > img { float:left; margin-right:5px; }