CSS中block级和inline级对象有什么区别

本文小编为大家详细介绍"CSS中block级和inline级对象有什么区别"，内容详细，步骤清晰，细节处理妥当，希望这篇"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级对象有什么区别"文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注行业资讯频道。