Rumah  >  Artikel  >  hujung hadapan web  >  css中如何使块级元素能够同行显示?

css中如何使块级元素能够同行显示?

黄舟
黄舟asal
2017-07-22 10:33:447226semak imbas

提问:我们如何使两个块级元素位于同一行?

回答:

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的属性。效果示例:

Atas ialah kandungan terperinci css中如何使块级元素能够同行显示?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn