欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

li是行内元素吗

程序员文章站 2022-04-05 08:37:44
...

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

li是行内元素吗

推荐:《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是行内元素吗的详细内容,更多请关注其它相关文章!

相关标签: li