本文介绍了HTML5中块元素与行内元素的转换技巧，包括将块元素转为行内元素和行内元素转为块元素的方法，并探讨了不同元素类型的特性，如块级元素的宽高控制和行内元素的排列方式。同时，讨论了如何让行内元素独占一行的策略，强调了结构和样式的分离原则。
块元素转换为行内元素
如果块元素的内容为空，有设置宽高属性；当它转换为行内元素之后，页面上会显示为空。
行内元素转换为块元素
方法一：两个标签之间加入一个空白的p标签（不推荐）
方法二：设置样式display:block。
块级元素block：独占一行；可以用宽高属性定义大小；h p 列表 div。
行内元素inline：不独占一行；不能由宽高属性定义大小（不起作用，大小靠内容撑起来）；b strong em i a span。
行内块元素（inline-block）:可以控制宽高，不独占一行。
Img是行内块元素代表标签
最低0.47元/天 解锁文章
扫一扫
84
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
