html如何實現(xiàn)文字環(huán)繞圖片
作者：佚名 時間：2012-07-27 分享到：
大家肯定在各種圖書，雜志和報紙上見過這種排版方式;一個圖像出現(xiàn)在一欄文字中，文字繞開圖像繼續(xù)前行，就像水流繞過石頭一身孕，在html的早期版本中，使用一種現(xiàn)在已經(jīng)不用的align屬性實現(xiàn)這種效果，但是現(xiàn)在可以用css中的float屬性做同樣的事。
float屬性有3種值：left,right,none.當一個元素“浮動”起來時，它會盡可能地向某一邊（左邊或者右邊）移動，直到其（外）邊緣碰到包含塊的（內(nèi)）邊緣（或直到碰到另一個浮動元素），隨后的文字或元素將繞開浮動元素向下流動，默認值none主要用于覆蓋樣式表中另一條規(guī)則給予元素的浮動屬性。
但是一般用了float排版后圖片和文字是緊挨著的，在css代碼中有必要加上與左或者右間距的代碼，如:
.img{
float:left;
margin-right:10px;
margin-bottom:10px;
}
如沒特殊注明，文章均為上海聯(lián)楷網(wǎng)絡原創(chuàng),轉(zhuǎn)載請注明來自：http://www.ktcbnqb.cn/help/20151126/n1010.html
