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

以上就是css中如何使块级元素能够同行显示?的详细内容,更多请关注其它相关文章!

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

相关文章:

你感兴趣的文章:

标签云: