这篇文章将为大家详细讲解有关CSS中block级和inline级对象的区别是什么，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。CSS中block级和inli
这篇文章将为大家详细讲解有关CSS中block级和inline级对象的区别是什么，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。
CSS中block级和inline级对象的区别
这个看似简单的问题事如果能透彻地理解，会受益匪浅。
◆下图讲解了block级对象和inline级对象的区别:
◆下面是block级对象和inline级对象的基本区别:
Block级对象会自然地水平充满其父容器，因此没有必要为之设置100%宽度属性
Block级对象的起始摆放位置是其父容器的左上边界，并顺排在其前面的兄弟Block对象的下方（除非设置float或绝对位置）
Inline级对象会忽略其宽度和高度设置
Inline级对象会随着文字排版，并受排版属性的影响（如white-space,font-size,letter-spacing）
Inline级对象可以使用vertical-align属性控制其垂直对齐，block级对象不可以
Inline级对象的下方会保留一些自然的空间，以适应字母g一类的会向下探出的笔画
一个设置为float的inline对象将变成block对象
关于CSS中block级和inline级对象的区别是什么就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
--结束END--
本文标题: CSS中block级和inline级对象的区别是什么
本文链接: https://www.lsjlt.com/news/72578.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0