新建一個html文件,定名為test.html,用于講解css如何使多個div元素并列一行。
在test.html文件內,利用css初始化div的樣式,設置其表里邊距都為0px。
在test.html文件內,建立一個div,用于包抄多小div,同時設置其class屬性為con。
利用css設置類名為con的div居中顯示,而且設置其寬度為800px,高度為500px。
在類名con的div內,建立四個div,并設置其布景顏色別離為紅色、黃色、粉紅色、綠色。
在css中,設置四個div的寬度為25%(也可以設置為200px),高度為100%,并設置其浮動標的目的左,實現并排顯示。
注:設置寬度、浮動是關頭,只有等分的寬度才不會發生換行顯示。
在瀏覽器打開test.html,查看div并排顯示的結果。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!