在CSS中設(shè)置div元素并排顯示,可以通過使用浮動(dòng)(float)或彈性盒子(Flexbox)來實(shí)現(xiàn)。
浮動(dòng)是一種CSS布局技術(shù),它允許元素在容器內(nèi)左右移動(dòng),直到遇到另一個(gè)元素或容器的邊界,要使div元素浮動(dòng)并排顯示,可以將其設(shè)置為左浮動(dòng)或右浮動(dòng),并根據(jù)需要調(diào)整其寬度和高度,以下代碼將兩個(gè)div元素設(shè)置為左浮動(dòng),并使其寬度和高度相等:
.div1, .div2 { float: left; width: 50%; height: 50%; }
另一個(gè)實(shí)現(xiàn)div元素并排顯示的方法是使用彈性盒子(Flexbox),F(xiàn)lexbox是一種CSS布局技術(shù),它允許元素在容器內(nèi)靈活布局,可以輕松地實(shí)現(xiàn)元素的并排顯示,以下代碼將兩個(gè)div元素設(shè)置為彈性盒子,并使其寬度和高度相等:
.container { display: flex; } .div1, .div2 { width: 50%; height: 50%; }
無論使用浮動(dòng)還是彈性盒子,都可以輕松地實(shí)現(xiàn)div元素的并排顯示,只需根據(jù)需要選擇適合的方法,并根據(jù)需要調(diào)整元素的寬度和高度即可。