Rumah >hujung hadapan web >tutorial css >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的属性。效果示例:
Atas ialah kandungan terperinci css中如何使块级元素能够同行显示?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!