综述
1、用display:inline-block;来实现水平列表比用float方式更容易控制,需要注意的是前者会由空格符带来边距影响。
2、inline-block默认是底部对齐的,要让两个元素顶部对齐,需要加上一句:veritcal-align:top;
3、inline-block 的宽度可以自行设置的,而inline的自行设置宽度是无效的。
综述
1、用display:inline-block;来实现水平列表比用float方式更容易控制,需要注意的是前者会由空格符带来边距影响。
2、inline-block默认是底部对齐的,要让两个元素顶部对齐,需要加上一句:veritcal-align:top;
3、inline-block 的宽度可以自行设置的,而inline的自行设置宽度是无效的。
本文标题:2018-12-11
本文链接:https://www.haomeiwen.com/subject/iyrehqtx.html
网友评论