css中的居中语句 |css select 多选

//水平居中
.class {
margin: 0 auto;
}

上述代码中，使用了margin的缩写属性，其中第一个值表示上下间距为0，第二个值为auto表示左右间距自动调整，即将元素居中。

//垂直居中
.parent {
display: flex;
align-items: center;
}
.child {
margin: 0 auto;
}

上述代码实现了一个垂直居中的效果。首先将父元素设置为flex布局，然后使用align-items属性将子元素垂直居中，接着将子元素左右居中。

//水平垂直居中
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上述代码实现了一个水平和垂直同时居中的效果。首先将父元素设置为relative定位，接着将子元素设置为absolute定位，使用top和left将元素居中，最后使用transform属性进行微调。

以上是CSS中一些实现居中的常用语句，使用时建议结合具体情况进行选择。