這篇文章主要介紹css如何取消浮動float,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
建網(wǎng)站原本是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁設(shè)計師等,應用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計技術(shù)配合操作的協(xié)同工作。創(chuàng)新互聯(lián)公司專業(yè)提供成都網(wǎng)站設(shè)計、做網(wǎng)站,網(wǎng)頁設(shè)計,網(wǎng)站制作(企業(yè)站、響應式網(wǎng)站開發(fā)、電商門戶網(wǎng)站)等服務(wù),從網(wǎng)站深度策劃、搜索引擎友好度優(yōu)化到用戶體驗的提升,我們力求做到極致!
css 勾銷浮動float屬性
先對象對抗配置了浮動float屬性,但過后個中一個對象不需求浮動了,如許若何取締?
勾銷浮動css代碼:
float:none
浮動作廢示例說明:
實現(xiàn)對抗設(shè)置對象內(nèi)span設(shè)置float屬性,但其它一個span取消設(shè)置裝備擺設(shè)浮動。共配置三個span,對立設(shè)置裝備擺設(shè)float:right浮動靠右,別的零丁設(shè)置裝備擺設(shè)勾銷浮動的class=no。
實例代碼:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>勾銷了浮動實例 css5.com.cn</title> <style> .exp{ width:500px; border:1px solid #F00; height:90px} .exp span{ float:right; height:80px; width:120px; border:1px solid #090} .exp span.no{float:none} </style> </head> <body> <div class="exp"> <span>浮動left</span> <span>浮動left</span> <span class="no">作廢浮動none</span> </div> </body> </html>
截圖:
勾銷float浮動div css實例
作廢浮動屬性float:none,需要取締的設(shè)置float:none即可。
以上是“css如何取消浮動float”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
文章題目:css如何取消浮動float
文章地址:http://www.rwnh.cn/article20/jdisjo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、企業(yè)建站、網(wǎng)站設(shè)計公司、響應式網(wǎng)站、網(wǎng)頁設(shè)計公司、做網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)