行内块元素有<img><input><td>等等
1.包裹性
元素display属性设置为inline-block时,即使元素里内容再多,只要是正常文本,都不会超出容器宽度
2.按钮设置固定宽度时
button标签按钮会自动换行,而input标签按钮不会换行,因为input标签white-space默认为pre(保留空白,不换行),修改为normal(忽略空白,换行)
3.行内块会识别代码间的空格
解决方法:①父元素加font-size:0
行内块元素有<img><input><td>等等
1.包裹性
元素display属性设置为inline-block时,即使元素里内容再多,只要是正常文本,都不会超出容器宽度
2.按钮设置固定宽度时
button标签按钮会自动换行,而input标签按钮不会换行,因为input标签white-space默认为pre(保留空白,不换行),修改为normal(忽略空白,换行)
3.行内块会识别代码间的空格
解决方法:①父元素加font-size:0