display:block的意思把内联元素转换为区块元素
而对应的是display:inline的意思是把区块元素转换成内联元素
例如:
<span></span>就属于内联标签,如果你想把他当做<div></div>这类标签来使用,这时display:block就可以使用了!【要注意的是,任何标签的使用最好遵循WEB标准】
<ul><li></li></ul>就属于块级元素,你如果想让列表显示在一行,这时就可以对<li>标签设置display:inline
不知道你理解没,希望帮助到你!
这样先讲内联元素和块级元素:内联元素是不可以控制宽和高、margin等;并且在同一行显示,不换行。
块级元素时可以控制宽和高、margin等,并且会换行。
inline:使用此属性后,元素会被显示为内联元素,元素则不会换行。
block:使用此属性后,元素会被现实为块级元素,元素会进行换行。
inline-block:是使元素以块级元素的形式呈现在行内。意思就是说,让这个元素显示在同一行不换行,但是又可以控制高度和宽度,这相当于内敛元素的增强。
要注意的是IE6 不支持inline-block