css居中左便宜10px

CSS居中左便宜10px是一种常见的网页设计效果，它可以使网页的内容在页面中间，同时又向左偏移10px，增加了设计的美感和凸显。

.center{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        margin-left: -10px;
}
    

上述代码是实现该效果的CSS代码。首先，通过设置position为绝对定位，将元素移动到页面居中位置。接着，使用transform属性的translate属性值，使元素再次在水平、垂直方向上偏移50%的宽度、高度，达到居中的效果。

最后，设置margin-left为-10px，让元素再次向左偏移10px，完成整个效果。

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