负边距+定位：水平垂直居中（Negative Margin）
使用绝对定位将content的定点定位到body的中心，然后使用负margin（content宽高的一半），
将content的中心拉回到body的中心，已到达水平垂直居中的效果。
<style type="text/css">
.align-center{
position:absolute;
left:50%;
top:50%;
width:400px;
height:400px;
margin-top:-200px;
margin-left:-200px;
border:1px dashed #333;
}
</style>
CSS实现盒子模型水平居中、垂直居中、水平垂直居中的多种方法 CSS实现盒子模型水平居中的方法 全局样式 第一种：...
css图片水平居中 css图片垂直居中 css图片水平垂直居中
css 实现水平居中，垂直居中，水平垂直居中，是css 入门的必修课题，也是代码实践,笔试面试中经常遇到的场景。这...
jQuery实现水平和垂直居中 jQuery实现水平和垂直居中的原理就是通过jQuery设置DIV的CSS，获取D...
1. 水平垂直居中 利用margin负值可以实现元素的水平垂直居中 html代码： CSS代码 实现效果 2. 列...
css 水平垂直居中实现方式 水平垂直居中包括行内元素居中，以及块级元素居中 行内元素html结构 块级元素结构 ...
转载：CSS实现水平垂直居中的10种方式
CSS实现水平垂直居中的1010种方式（史上最全）
工作中经常要用到css实现水平垂直居中
CSS水平居中、垂直居中、水平垂直居中方法总结 文字的水平居中: 单行文字的垂直居中： 让有宽度的div水平居中：...
本文标题：CSS实现水平垂直居中
本文链接：https://www.haomeiwen.com/subject/rqtqxxtx.html
网友评论