css元素分类之内联块状元素

发布时间:2021-01-14编辑:脚本学堂
有关css元素分类中内联块状元素的用法,inline-block元素特点,将块状元素div转换为内联元素,从页使用div元素具有内联元素特点。

css元素分类--内联块状元素

内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点。
display:inline-block 将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。

inline-block元素特点
1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置。

元素分类--内联元素

元素分类--内联元素
在html中,<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素(行内元素)(inline)元素。
块状元素也可以通过代码display:inline将元素设置为内联元素。

将块状元素div转换为内联元素,从页使用div元素具有内联元素特点。

内联元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度、行高及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变。