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