css中块级元素同行显示

来源:互联网 发布:徐州淘宝打包员招聘 编辑:程序博客网 时间:2024/05/16 05:10

实现方法大概有两种

1.设置float属性

将块级元素的css格式设置为float:left/right,比如,有两个panel,panelA和panelB,想要使其位于同一行,只需要设置A的css格式为float:left/right即可。
注意:只是设置A的float属性哦,若设置了B的float属性,则B后面的元素也会与其位于同一行。若使用该方法,则两个块级元素紧挨着。


2.设置display

display为inline-block,即编写css代码为display:inline-block.使用该方法,两个块级元素中间有一定间隔。
注意,该方法与上一方法相同,仍然需要设置A的display属性,而非B的属性。


原文地址:http://blog.csdn.net/goodgirl1991/article/details/50218489

0 0
原创粉丝点击