HTML的显示模式：块级显示模式、行内显示模式、行内块显示模式的介绍：

最新推荐文章于 2024-06-17 19:59:45 发布

weixin_45376220

最新推荐文章于 2024-06-17 19:59:45 发布

阅读量1k

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_45376220/article/details/97427870

版权

本文深入讲解了网页布局中各类元素的特性与应用：块级元素如div和p标签独占一行，可设置宽高；行内元素如span和strong随文排列，宽高由内容决定；行内块元素如img灵活布局，既可并排又可设尺寸。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

①.块级显示模式: 独占一行,设置宽高起作用,在不设置宽度的时候,宽度和父级一样,高度在不设置时,靠内容撑开。
块元素:div h1-h6 p ul ol li dl dt dd hr form
②.行内显示模式: 一行可以有多个,设置宽高不起作用,宽高是靠内容撑开。
行内元素: span b strong i em u ins s del a
③.行内块显示模式: 一行可以有多个,设置宽高起作用。
行内块元素: img 表单标签