成都网站建设设计

将想法与焦点和您一起共享

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

本文小编为大家详细介绍“CSS中block级和inline级对象有什么区别”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS中block级和inline级对象有什么区别”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

目前创新互联建站已为近千家的企业提供了网站建设、域名、虚拟主机网站托管运营、企业网站设计、嘉峪关网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

CSS中block级和inline级对象的区别

这个看似简单的问题事如果能透彻地理解,会受益匪浅。

◆下图讲解了block级对象和inline级对象的区别:

CSS中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级对象有什么区别”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


本文题目:CSS中block级和inline级对象有什么区别
URL网址:http://chengdu.cdxwcx.cn/article/jijidi.html