首頁 > web前端 > css教學 > 主體

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

黄舟
發布: 2017-07-22 10:33:44
原創
7244 人瀏覽過

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

回答:

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板