真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

DIV不換行與DIV換行的方法

這篇文章主要講解了“DIV不換行與DIV換行的方法”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“DIV不換行與DIV換行的方法”吧!

宣化ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!

DIV盒子默認(rèn)是換行獨(dú)占100%寬度:
DIV盒子沒有賦予CSS樣式時(shí),默認(rèn)DIV盒子是獨(dú)占一行(寬度為100%)。

如下默認(rèn)情況HTML代碼:

    div實(shí)例 www.dvicss5.com   
第一個(gè)div
 
第二個(gè)盒子
  

獨(dú)占一行div盒子截圖

DIV不換行與DIV換行的方法
2個(gè)div對象盒子獨(dú)占一行,形成自動換行布局效果截圖

通過以上DIV案例,我們可以觀察到DIV的確默認(rèn)情況下是獨(dú)占一行寬度100%。

如何讓DIV并排不換行呢?
1、對div設(shè)置float
2、對div設(shè)置display樣式

一、對div設(shè)置float浮動樣式    

對div設(shè)置float:left樣式相當(dāng)于是讓div對象靠左,自然失去了本身寬度樣式。
讓DIV+CSS實(shí)現(xiàn)DIV并排不換行實(shí)例代碼:

    無標(biāo)題文檔    
第一個(gè)div盒子
 
第二個(gè)div盒子
  

說明:我們對div設(shè)置了float:left

實(shí)例效果截圖:

DIV不換行與DIV換行的方法
使用css浮動樣式讓div失去默認(rèn)的100%寬度

二、對div設(shè)置display并排樣式   

通過對div設(shè)置display:inline樣式讓div同樣失去默認(rèn)100%獨(dú)占一行的寬度。

display:inline意思是讓對象并排顯示。

1、實(shí)例HTML源代碼:

    div并排實(shí)例 www.dvicss5.com    
第一個(gè)div盒子
 
第二個(gè)div盒子
  

2、實(shí)現(xiàn)不換行div效果截圖

DIV不換行與DIV換行的方法

感謝各位的閱讀,以上就是“DIV不換行與DIV換行的方法”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對DIV不換行與DIV換行的方法這一問題有了更深刻的體會,具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點(diǎn)的文章,歡迎關(guān)注!


分享題目:DIV不換行與DIV換行的方法
文章位置:http://weahome.cn/article/jjioic.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部