资讯专栏INFORMATION COLUMN

HTML的行内元素与块级元素的区别?

leanote / 908人阅读

摘要:块级元素独占一行,其宽度自动填满父元素的宽度,可以容纳行内元素和其他块级元素,可以设置和值。行内元素不会独占一行,与其他行内元素排成一行,直到其父元素拍不下,才会从新一行开始。

块级元素:独占一行,其宽度自动填满父元素的宽度,可以容纳行内元素和其他块级元素,可以设置margin和padding值。

行内元素:不会独占一行,与其他行内元素排成一行,直到其父元素拍不下,才会从新一行开始。可以容纳文本及其他行内元素,设置padding和margin值无效,行内元素的水平方向的padding-left和padding-right都会产生边距效果,但是竖直方向上的padding-top和padding-bottom都不会产生边距效果。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1921.html

相关文章

  • 块级元素行内元素

    摘要:例效果注为块级元素行内元素,与块级元素相对,它不会占一行,两个甚至多个行内元素一般情况下在同一行。块级元素各占据一行默认宽度为父元素的,垂直方向排列。块级元素可以包含行内元素和块级元素。一直对块级元素和行内元素的区别和特性有点模糊,于是各方参考总结一下,方便自己梳理知识: 首先说一下什么是块级元素和行内元素块级元素,指自动占一行的元素,下一个元素(标签)会在新行开始,这行就是这个块级元素的地...

    yhaolpz 评论0 收藏0
  • BFC,包含块,文档流,浮动,定位是个啥关系---CSS视觉格式化模型

    摘要:视觉格式化模型浏览器在解析渲染我们所写的内容,顺序渲染普通文档流。渲染结果如下图这儿有一个知识点文档流按我的理解就是在浏览器渲染显示的一个模式,这个模式的特点自上而下,从左到右排列规则。如果不特殊指定,浏览器会默认当前的渲染是按文档流模式。 CSS视觉格式化模型 浏览器在解析渲染我们所写的html内容,顺序渲染(普通文档流)。 1 2 3 4 ...

    huashiou 评论0 收藏0
  • 前端计划——面试题总结-HTML

    摘要:发生在很久以前的及更老的浏览器向过渡时期。数据始终在同源的请求中携带即使不需要,会在浏览器和服务器间来回传递。存储大小数据大小不能超过。与上面问题相连,比也是明智的选择。表现与结构相分离。两种设计思想是有不同的考虑。 前言: 吾生也有涯,而知也无涯,以有涯随无涯,殆己————庄子 阅读本文前请做好以下心理准备:本系列文章将不定期更新。本系列文章不是很严谨。 前端面试之HTML篇 Pa...

    2json 评论0 收藏0
  • 「前端早读君」css进阶之彻底理解视觉格式化模型

    摘要:视觉格式化模型是用来处理和在视觉媒体上显示文档时使用的计算规则。匿名块盒子在某些情况下进行视觉格式化时,需要添加一些增补性的盒子,这些盒子不能用选择符选中,因此称为匿名盒子。因此最好不要将其用于正式项目。 今日励志 不论你在什么时候开始,重要的是开始之后不要停止。 前言 对于部分前端工程师来讲,有时候CSS令他们很头疼,明明设置了某个样式,但是布局就是不起作用。 showImg(htt...

    Eidesen 评论0 收藏0
  • 「前端早读君」css进阶之彻底理解视觉格式化模型

    摘要:视觉格式化模型是用来处理和在视觉媒体上显示文档时使用的计算规则。匿名块盒子在某些情况下进行视觉格式化时,需要添加一些增补性的盒子,这些盒子不能用选择符选中,因此称为匿名盒子。因此最好不要将其用于正式项目。 今日励志 不论你在什么时候开始,重要的是开始之后不要停止。 前言 对于部分前端工程师来讲,有时候CSS令他们很头疼,明明设置了某个样式,但是布局就是不起作用。 showImg(htt...

    YancyYe 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<