li是行内元素吗

藏色散人
藏色散人原创
2023-01-04 09:37:423106浏览

li不是行内元素,而是块级元素,块级元素的特点包括:1、总是在新行上开始;2、高度和行高以及外边距和内边距都可控制;3、宽度缺省是它的容器的100%;4、可以容纳内联元素和其他块元素。

推荐:《css视频教程

li是行内元素?

li不是行内元素;ul和li都是块级元素。因为ul和li标签的高度,行高以及外边距和内边距都可控制;且可以容纳内联元素和其他块级元素。

块级元素(block element),和其对应的是内联元素(inline element)--也称行内元素,都是html规范中的概念。大多数HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束)。

常用块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

块元素和内联元素的基本差异是块元素一般都从新行开始,相邻的块级元素将会在不同行显示。而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了。

比如,我们完全可以把内联元素加上display:block这样的属性,让它也有每次都从新行开始的属性,即成为块元素同样我们可以把块元素加上display:inline这样的属性,让它也在一行上排列。

block元素的特点

①总是在新行上开始;

②高度,行高以及外边距和内边距都可控制;

③宽度缺省是它的容器的100%,除非设定一个宽度。

④它可以容纳内联元素和其他块元素

inline元素的特点

①和其他元素都在一行上;

②高,行高及外边距和内边距不可改变;

③宽度就是它的文字或图片的宽度,不可改变

④内联元素只能容纳文本或者其他内联元素

以上就是li是行内元素吗的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。