CSS是構建網頁的重要組成部分。在網頁制作中,我們會經常遇到需要將一個盒子分開的情況。下面介紹一種方法,讓盒子向兩邊分開。
.box { display: flex; } .box div { flex: 1; } .box .left { text-align: left; } .box .right { text-align: right; }
首先,我們給盒子加上一個 display:flex 屬性,這樣子盒子里的內容元素都會排列成一行。然后,給每個元素添加上 flex: 1 屬性,讓它們各自平分盒子的寬度。
接著,我們給左側元素添加上一個樣式 text-align: left,讓它靠左對齊,再給右側元素添加上 text-align: right 屬性,讓它靠右對齊。這樣就能實現盒子向兩邊分開的效果了。
以上是關于CSS用一個盒子向兩邊分開的簡單方法,希望能夠對你制作網頁有所幫助。