为什么第五个li，不能与同一行的li标签对齐
6个li元素分2行显示，li元素宽度使用的百分比，当body宽度不足时，为什么字数多的li元素出现了窜行
展开
收起
1
条回答
写回答
写回答
-
IT从业nline元素的对齐方式是由vertical-align控制的。而默认值vertical-align: baseline则会有这样的结果：
绿线为baseline。解决方案：给li加上vertical-align: top;
http://jsfiddle.net/3abjkz1h/6/点击预览overflow:hidden也能让它们对齐的原因，是因为它为每一个li创建了BFC（Block Formatting Context），从此隔绝了内部文本的baseline和外部的baseline（因为上下文完全变化了）。
2019-07-17 19:25:30赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
