本文介绍了HTML中的三种主要元素类型：块元素，如<div>，具有独立行、可控制尺寸且能包含其他元素；行内元素，如<span>，在同一行显示且尺寸受限；行内块元素，如<img>，结合了两者特性。此外，还讨论了如何通过display属性转换元素的显示模式，以实现布局控制。
HTML元素分为：块元素、行内元素
块元素：
（1）独占一行
（2）高度、宽度、内外边距都可以控制，宽度默认是父级宽度
（3）是一个容器及盒子，可以放行内或块级元素
（4）注：文字类的元素内不能使用块元素（<p>和<h1>等）
行内元素
（1）相邻行内元素在一行上，一行可以显示多个
（2）宽、高直接设置无效，默认宽度是它本身内容宽度
（3）行内元素只能容纳文本或其他行内元素
（4）注：链接里面不能再放链接，链接<a>里面可以放块级元素
行内块元素(<img/> <input/> <td>
（1）和相邻行内元素在一行上。但是它们之间会有空白缝隙，一行显示多个
（2）高度、宽度、内外边距都可以控制，默认宽度是它本身内容宽度
元素显示模式转换
（1）转为块元素：display: block;
（2）转为行内元素：display: inline;
（3）转为行内块：display: inline-block
注：让文字行高等于盒子高度，就可以让文字在当前盒子内垂直居中
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
