li是行内元素吗


本文摘自PHP中文网,作者藏色散人,侵删。

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是行内元素吗的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css怎么去掉li的点

li inside-block在ie11换行无效的原因

html li标签怎么用

css如何设置li间距

css如何实现ul和li横向排列

css怎么去除li的点

css如何去掉li前面的点

html ul标签的什么意思?html ul标签的作用详解

html学习之html列表介绍(代码实例)

div、li 标签禁用防止重复点击

更多相关阅读请进入《li》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...