css中的inline是什么意思?

html-css09

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

不知道你理解没,希望帮助到你!

行内元素(inline)的大小是受所在行统一控制的,不能单独设置大小,这个应该不难理解,因为如果同一行有多个行内元素,如果都各自设置自己的大小(以及行高、排列方式等),那么这一行就会变得混乱不堪甚至完全失控。所以如果一个元素的display属性设为inline,那么它的width和height属性就会自动失效。

如果想让一个行内元素有自己的宽度,可以设为inline-block,这样既保留行内元素的特征,又可以单独设置自身状态,但一般并不建议这么做,因为这可能会打破网页的正常结构。从你的代码来看,你这个a标签都是单独一行的,设为块级元素(block)即可,没必要非设为inline不可啊。