小編給大家分享一下css中float屬性的使用方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
創新互聯建站于2013年成立,是專業互聯網技術服務公司,擁有項目成都網站設計、網站建設網站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元赫山做網站,已為上家服務,為赫山各地企業和個人服務,聯系電話:13518219792css float屬性用于指定一個盒子(元素)是否應該浮動,絕對定位的元素忽略float屬性!
css float屬性怎么用?
屬性定義及使用說明
float屬性指定一個盒子(元素)是否應該浮動。
注意:絕對定位的元素忽略float屬性!
默認值: none
繼承: no
版本: CSS1
JavaScript 語法:
object.style.cssFloat="left"
屬性值
left 元素向左浮動。
right 元素向右浮動。
none 默認值。元素不浮動,并會顯示在其在文本中出現的位置。
inherit 規定應該從父元素繼承 float 屬性的值。
實例
讓圖像向右側浮動:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> img { float:right; } </style> </head> <body> <p>在下面的段落中,我們添加了一個 <b>float:right</b> 的圖片。導致圖片將會浮動在段落的右邊。</p> <p> <img src="logocss.gif" width="95" height="84" /> 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 </p> </body> </html>
效果:
看完了這篇文章,相信你對css中float屬性的使用方法有了一定的了解,想了解更多相關知識,歡迎關注創新互聯網站制作公司行業資訊頻道,感謝各位的閱讀!
文章題目:css中float屬性的使用方法-創新互聯
本文路徑:http://m.newbst.com/article48/hcjep.html
成都網站建設公司_創新互聯,為您提供軟件開發、品牌網站建設、靜態網站、建站公司、小程序開發、品牌網站設計
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯