开发者社区> 问答> 正文

谁能解释这个现象??

同的样式,应用在 div布局 和 和 ul布局上的效果,竟然会出现截然不同的效果!!谁能够解释??

代码:
screenshot
screenshot
现象图:
screenshot
上面一张是div 的效果图 , 下面一张是 ul 的效果图。
个人觉得主要原因是:align-itmes:flex-start 不起作用!

align-items:flex-start 在阮一峰的介绍中:
screenshot

所以,我得出的结论:div中的三个子div应该和ul中三个子li标签的表现一致,也就是,顶在上面。

可为什么却出现了如此截然不同的现象??

求解释.......

展开
收起
杨冬芳 2016-06-23 11:24:40 2040 0
1 条回答
写回答
取消 提交回答
  • IT从业

    1图子元素是 div,具有样式 margin: auto。
    2图子元素是 li。

    ps: 原来以为 margin: auto 垂直居中只针对绝对定义元素,原来flex也适用。

    2019-07-17 19:46:03
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
数据+算法定义新世界 立即下载
中美教育差异之观察 立即下载
阿里巴巴代码缺陷检测探索与实践 立即下载

相关实验场景

更多