1、使用css float並排顯示:
對div設定一個float浮動屬性即可解決不併排顯示,只要並排div盒子總寬度小於或等於最外層盒子寬度即可實現多個div物件並排顯示。
加float浮動實現多個div並排顯示。
這裡對div通設一個浮動,當然實際使用時候,要通排顯示div物件的加入css類,就對要同行顯示css選擇器設定浮動。避免其它不需要設定的也被加入浮動樣式。
2、使用css display同行顯示:
加入display:inline即可解決實現同行並排顯示div盒子物件。
對div標籤設定div{ display:inline}樣式。
擴充套件資料
div標籤的作用:
主要應用div結構網頁大小區域性,架構網頁框架。譬喻一張網頁最外層、大結構佈局、小部份佈局。div內可以嵌入模式,也或許嵌入任何標籤。要實現漂白的各種各樣的網頁,div使用必不可少,div機關框架再運用css對其設定名堂,完成千般各樣刻舟求劍的網頁。
div標籤自身是不有任何效用的標籤,也不是特殊標籤。一樣平常組織經常運用DIV作為主要的構造標籤,再配合其他標籤的應用達到結構需求,而另外標籤各有各機能與作用。
div自身就作為DIV CSS構造的首要標籤(div構造大小結構,架構大小框架、巢狀嵌入形式或其他標籤,應用其他標籤大面積構造大小結構 大小框架不切當),所以要應用div標籤構造html。
1、使用css float並排顯示:
對div設定一個float浮動屬性即可解決不併排顯示,只要並排div盒子總寬度小於或等於最外層盒子寬度即可實現多個div物件並排顯示。
加float浮動實現多個div並排顯示。
這裡對div通設一個浮動,當然實際使用時候,要通排顯示div物件的加入css類,就對要同行顯示css選擇器設定浮動。避免其它不需要設定的也被加入浮動樣式。
2、使用css display同行顯示:
加入display:inline即可解決實現同行並排顯示div盒子物件。
對div標籤設定div{ display:inline}樣式。
擴充套件資料
div標籤的作用:
主要應用div結構網頁大小區域性,架構網頁框架。譬喻一張網頁最外層、大結構佈局、小部份佈局。div內可以嵌入模式,也或許嵌入任何標籤。要實現漂白的各種各樣的網頁,div使用必不可少,div機關框架再運用css對其設定名堂,完成千般各樣刻舟求劍的網頁。
div標籤自身是不有任何效用的標籤,也不是特殊標籤。一樣平常組織經常運用DIV作為主要的構造標籤,再配合其他標籤的應用達到結構需求,而另外標籤各有各機能與作用。
div自身就作為DIV CSS構造的首要標籤(div構造大小結構,架構大小框架、巢狀嵌入形式或其他標籤,應用其他標籤大面積構造大小結構 大小框架不切當),所以要應用div標籤構造html。