如何实现不定宽高水平和垂直居中
如何实现不定宽高不定水平居中？absolute margin:二分之一宽高不顶用，这种情况是要宽高已知才能用
展开
收起
1
条回答
写回答
写回答
-
IT从业1.最简单的flex布局,外层容器加上如下样式即可
display: flex; justify-content: center; align-items: center;2.利用table-cell
外层容器
display:table-cell; text-align:center; vertical-align:middle;内部元素
vertical-align:middle; display:inline-block;3.使用CSS3 transform
外层容器
display:relative内部元素
transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%;2019-07-17 19:32:20赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
