首页 >web前端 >css教程 >css中如何使块级元素能够同行显示?

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

黄舟
黄舟原创
2017-07-22 10:33:447264浏览

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

回答:

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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn