1. 使用CSS的float屬性:將要橫向排列的元素設置為float:left或float:right,需要注意的是,使用float屬性會使元素脫離文檔流,可能會影響到其他元素的位置和布局。
linelinet-size:0來解決。
3. 使用CSS的flexbox布局:將要橫向排列的元素的父元素設置為display:flex,flexbox布局可以更靈活地控制元素的排列方式和間距。
4. 使用table布局:將要橫向排列的元素放在一行內的不同單元格中,需要注意的是,使用table布局可能會造成語義不清晰的問題。
示例代碼:
使用float屬性實現橫向排列:
左邊
右邊
使用display屬性實現橫向排列:
```t-size: 0;">line-block; ">左邊