Skip to main content
 首页 » 学习笔记 » html5/css3

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

2016年02月18日1465

一、display:block 块级元素
特性:
1、元素占一行。
2、可控制高度和宽度,宽度缺省是100%
3、例子 <div> <ul> <p> <form>

二、display:inline 行内元素
特性:
1、和其他元素在一行。
2、高宽不能控制。
3、例子 <span> <a> <i> <em> <b>

三、display:inline-block 内联元素
特性:
1、将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素的属性)

微信