普遍的规则里总有那么几个不一样的,在行内元素中就有那么几个特殊标签,比如<img>/<input>/<td>,可以给他们设置宽高、对齐属性,我们把这样特殊的一类标签称为行内块元素。行内块元素综合了块元素和行内元素的不同特点。
行内块元素的特点:
和相邻行内元素在同一行,但是之间会有空白缝隙。
默认宽度是他本身内容的宽度。
宽度、高度、行高、外边距以及内边距都可以手动设置。
样式:
/*行内块元素input*/
input{
width: 200px; /*宽高均有效*/
height: 30px;
}
<input type="text" value="行内块元素1">
<input type="text" value="行内块元素行内块元素2行内块元素">
综合效果图如下: