Rumah  >  Artikel  >  hujung hadapan web  >  li是行内元素吗

li是行内元素吗

藏色散人
藏色散人asal
2020-12-21 11:06:364379semak imbas

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元素的特点

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

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

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

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

Atas ialah kandungan terperinci li是行内元素吗. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:CSS 否定伪类是什么Artikel seterusnya:react是mvvm框架吗