css中如何使區塊級元素能夠同儕顯示？

提問：我們如何讓兩個區塊級元素位於同一行？

回答：

1.設定float屬性\(^o^)/~

將區塊級元素的css格式設為float：left/right，例如，有兩個panel，panelA和panelB，想要使其位於同一行，只需要設定A的css格式為float：left/right即可。 （註：只是設定A的float屬性哦，若設定了B的float屬性，則B後面的元素也會與其位於同一行。），若使用該方法，則兩個塊級元素緊鄰著。效果範例：

2.設定display為inline-block，即編寫css程式碼為display:inline-block.使用該方法，兩個區塊級元素中間有一定間隔。請注意，此方法與上一方法相同，仍需設定A的display屬性，而非B的屬性。效果範例：

#

以上是css中如何使區塊級元素能夠同儕顯示？的詳細內容。更多資訊請關注PHP中文網其他相關文章！