块状元素、内联元素(又叫行内元素)和内联块状元素

块元素在页面中以区域块的形式出现,每个块元素都会独自占据一整行或多整行,其中<div>标记为最典型的块元素。内联元素特点是不必在新的一行开始,同时,也不强迫其他的元素在新的一行显示。一个行内元素通常回合他前后的其他行内元素显示在同一行中,他们不占有独立的区域,仅仅靠自己的字体大小和图像尺寸来支撑结构,一般不可以设置高度宽度等属性,常用语控制页面中文本的样式,<span>标记是最典型的行内元素。内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。

猜你喜欢

转载自www.cnblogs.com/hongyaxi/p/9116720.html