绝对定位垂直水平居中方法

分享一个垂直水平居中的方法



烨湘伦认证窗口



如上,使蓝色方块垂直水平居中于红色方块,先设置红色为相对定位 position: relative; ,再设置蓝色方块为绝对定位 position: absolute;,(子绝父相,pink老师的总结嘿嘿),再设置蓝色方块left和right的值相等,top和bottom的值相等以及外边距为auto,如下:



烨湘伦认证窗口



即可实现蓝色方块垂直水平居中于红色方块

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部