码迷,mamicode.com
首页 > 其他好文 > 详细

display:block | inline | inline-block的区别

时间:2016-07-03 23:15:48      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

display:block;

1.默认宽度为父元素宽度。

2.可设置宽高。

3.换行显示。

 

display:inline;

1.默认宽度为内容宽度。

2.不可设置宽高。

3.同行显示。

 

display:inline-block;

1.默认宽度为内容宽度。

2.可设置宽高。

3.同行显示。

4.整块换行。

例:input,buttom,select等表单元素。

 

display:block | inline | inline-block的区别

标签:

原文地址:http://www.cnblogs.com/wangchen623/p/5639053.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!