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

不知道你理解没，希望帮助到你！

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

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