div水平垂直居中的方法
 
 
  div水平垂直居中是现在网页布局中常用的技术，它是利用CSS中的position属性、margin属性和transform属性来实现的。
 
  通常情况下，我们可以使用position属性+margin属性来实现div水平垂直居中，具体步骤如下：
 
  1.首先，设置父元素的position属性，选择relative或absolute，也可以不设置；
 
  2.然后，设置子元素的position属性，选择absolute；
 
  3.接着，设置子元素的margin属性，上下设置为auto，左右设置为0；
 
  4.最后，设置子元素的transform属性，translate用于定位元素的位置，可以用来实现水平垂直居中，translateX用于水平定位，translateY用于垂直定位。
 
  如果需要兼容IE6/7/8，可以使用display属性+margin属性来实现div水平垂直居中，具体步骤如下：
 
  1.首先设置父元素的display属性，选择table，也可以不设置；
 
  2.然后，设置子元素的display属性，选择table-cell；
 
  3.接着，设置子元素的margin属性，上下设置为auto，左右设置为0；
 
  4.最后，设置子元素的text-align属性，选择center，即可实现水平居中。
css设置文字垂直居中 
  总结起来，div水平垂直居中是利用CSS中的position属性、margin属性和transform属性或者display属性+margin属性来实现的，写CSS代码时，可以根据需要选择合适的属性来实现div水平垂直居中，让网页布局更加美观。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。