有三个div居中于页面,每一个结构如下。
<div>
<img>
<p>
<div>
纯css方案。
最后采用了 @dolymood 的方法,感谢各位的回答。
总结:
•@dolymood 的方法:为父元素设置 overflow:hidden。再为子元素设置大的 padding-bottom 属性,再用稍大一点的 margin-bottom 属性抵消;
•@pantao @MockingBird 的方法采用了table布局,父元素 display:table,子元素 display:table-ceil;
父级元素overflow:hidden
里边的三个子元素 每一个都是设置一个大的padding-bottom 然后用margin-bottom抵消掉就可以了
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。