在css中,浮動屬性是“float”,用于定義元素在哪個方向浮動,其三個屬性值為:1、“l(fā)eft”,定義元素向左浮動;2、“right”,定義元素向右浮動;3、“none”,定義元素不浮動。
江川網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、成都響應式網(wǎng)站建設公司等網(wǎng)站項目制作,到程序開發(fā),運營維護。創(chuàng)新互聯(lián)從2013年成立到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設就選創(chuàng)新互聯(lián)。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css中,浮動屬性是“float”,用于定義元素在哪個方向浮動。
以往這個屬性總應用于圖像,使文本圍繞在圖像周圍,不過在 CSS 中,任何元素都可以浮動。浮動元素會生成一個塊級框,而不論它本身是何種元素。
如果浮動非替換元素,則要指定一個明確的寬度;否則,它們會盡可能地窄。
注釋:假如在一行之上只有極少的空間可供浮動元素,那么這個元素會跳至下一行,這個過程會持續(xù)到某一行擁有足夠的空間為止。
float浮動屬性的三個屬性值:
left 元素向左浮動。
right 元素向右浮動。
none 默認值。元素不浮動,并會顯示在其在文本中出現(xiàn)的位置。
示例:
<!DOCTYPE html><html><head><meta charset="utf-8"><style>li{background-color: pink;}.ex1 li {float: left;margin: 10px;}.ex2 li{float: right;margin: 10px;}.ex3 li{float: none;margin: 10px;}div{clear: both;}</style></head><body><ul class="ex1"><li>項目1</li><li>項目2</li></ul><div></div><ul class="ex2"><li>項目1</li><li>項目2</li></ul><div></div><ul class="ex3"><li>項目1</li><li>項目2</li></ul><div></div></body></html>(學習視頻分享:css視頻教程)
網(wǎng)站標題:css的浮動屬性是什么?其值有哪三個?
標題URL:http://jinyejixie.com/article22/chohjc.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設計、網(wǎng)站維護、微信公眾號、關鍵詞優(yōu)化、網(wǎng)站設計、網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)