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