inline-block
内联块元素:可以拥有宽,高的内联元素
1、块下沉
排列多个元素在一行时,也就是多个内联块元素并列时,会导致块下沉
解决方案:与baseline有关 ,设置vertical-align:top/middle/bottom
2、间距问题
有空隙
解决方案:父元素中设置font-size:0
原理: 设计者在设计这个inline-block时,是为了放置文字而设置的
inline-block
内联块元素:可以拥有宽,高的内联元素
1、块下沉
排列多个元素在一行时,也就是多个内联块元素并列时,会导致块下沉
解决方案:与baseline有关 ,设置vertical-align:top/middle/bottom
2、间距问题
有空隙
解决方案:父元素中设置font-size:0
原理: 设计者在设计这个inline-block时,是为了放置文字而设置的