css讓三個div并排的方法:1、給三個div元素設(shè)置“display:inline;”或“display:inline-block;”樣式;2、使用float屬性,讓三個div元素浮動起來,語法“float:left;”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
div是塊狀元素,默認(rèn)是獨占一行顯示的:
<div></div> <div></div> <div></div>
那么怎么讓這三個div并排顯示呢?有兩種方法,下面給大家介紹一下:
1、使用display屬性
將三個div全部設(shè)置成display:inline;
或display:inline-block;
div{ width: 100px; height: 20px; border: 1px solid red; display:inline-block; }
注:當(dāng)設(shè)置成display:inline;
時,div中需要有內(nèi)容,不然無法將div撐開。
2、使用float屬性
將三個div浮動起來
div{ width: 100px; height: 20px; border: 1px solid red; float:left; }
(學(xué)習(xí)視頻分享:css視頻教程)