css中的inline是什么意思?

html-css012

css中的inline是什么意思?,第1张

网页一般是两种元素组合起来的,一种是内联元素,也就是行内显示,加上width和height没效果。一种是区块元素,可以加上对应的width和height,通常使用在网页的布局,最常用的就是<div>标签。

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