开发者社区> 问答> 正文

如何实现三个同行div自适应内容高度且保持高度一致?

有三个div居中于页面,每一个结构如下。

<div>
    <img>
    <p>
<div>

纯css方案。

最后采用了 @dolymood 的方法,感谢各位的回答。

总结:

•@dolymood 的方法:为父元素设置 overflow:hidden。再为子元素设置大的 padding-bottom 属性,再用稍大一点的 margin-bottom 属性抵消;

•@pantao @MockingBird 的方法采用了table布局,父元素 display:table,子元素 display:table-ceil;

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

    父级元素overflow:hidden
    里边的三个子元素 每一个都是设置一个大的padding-bottom 然后用margin-bottom抵消掉就可以了

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

相关电子书

更多
快速变化背景下,组织如何保持过程的稳定性 立即下载
快速变化背景下,组织如何保持过程的稳定性? 立即下载
动态、高效,蚂蚁动态卡片的内核逻辑 立即下载