css 左右居中代码怎样写

CSS中实现左右居中的方法有很多种，下面介绍其中比较常见的两种方法。

方法一：使用margin

.center {
      margin: 0 auto;
 /* 左右margin值为auto，即可实现居中对齐 */}

该方法适用于块级元素，当元素宽度固定时（如使用width属性指定宽度值），可以使用该方法实现左右居中对齐。

方法二：使用transform

.center {
      position: absolute;
     /* 必须设置为绝对定位 */  left: 50%;
     /* 左侧距离为50% */  transform: translateX(-50%);
 /* 水平方向向左平移本身宽度的50% */}
    

该方法同样适用于块级元素，不需要知道元素具体宽度。该方法使用了CSS3中的transform属性，需要注意浏览器兼容性。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！