css3 - CSS 中讓文本緊貼圖片邊緣的屬性

問題描述

之前忘記在哪看到過， 現在要用了， 想不起來了， 如果有博客請一起貼上。

效果就是下面這樣:

問題解答

文字環繞吧，看這篇文章http://www.cnblogs.com/pssp/p...

float

圖片設置float:left后文字會環繞圖片

圖片float，文字不要加float，只加上文字的相關修飾就行了，比如行高，字號等

圖片給浮動，同時清除圖片的 margin，就會緊緊得挨著了，加了margin后后撐開一點距離

shape-outside: circle(50%) content-box;/*實際參照content-box default:margin-box other:ellipse(30% 50%) polygon() 內減inset() circle()*/

http://codepen.io/xiaole-s/pe...