新建一個html文件， 定名為test.html， 用于講解css如何使多個div元素并列一行 。
2【css怎樣使多個div元素并列一行】在test.html文件內， 利用css初始化div的樣式， 設置其表里邊距都為0px 。
3在test.html文件內， 建立一個div， 用于包抄多小div， 同時設置其class屬性為con 。
4利用css設置類名為con的div居中顯示， 而且設置其寬度為800px， 高度為500px 。
5在類名con的div內， 建立四個div， 并設置其布景顏色別離為紅色、黃色、粉紅色、綠色 。
6在css中， 設置四個div的寬度為25%（也可以設置為200px）， 高度為100%， 并設置其浮動標的目的左， 實現并排顯示 。
注：設置寬度、浮動是關頭， 只有等分的寬度才不會發生換行顯示 。
7在瀏覽器打開test.html， 查看div并排顯示的結果 。
以上內容就是css怎樣使多個div元素并列一行的內容啦， 希望對你有所幫助哦！
猜你喜歡
- 紅外測溫儀操作使用方法
- 免釘膠使用方法
- 小貓能用人的眼藥水嗎
- 貓紅霉素眼膏怎么使用
- 怎樣揉面揉得好？
- 怎樣去除膠帶留下來的痕跡
- 怎么使用萬用表測量電阻？
- 如何用css設置div與div之間的間距
- css怎么設置div居左、居右、居中
- CSS如何去掉div的邊框