css中有居中对齐方法？

[奋进前端]

请高人总结一下，大家来学习。

[Let dreams fly]

常用的text-align:center、margin:0 auto、justify-content:center 或者就是定位position实现

[sha虫剂]

关于居中，建议直接度娘，居中的方法百度能直接找齐

[逗你玩的板砖工]

左右居中对齐可以定位加变换移动啊
/* 第一种方式 定位+margin
left top中的百分比相对于父级标签宽高的百分比
缺陷：图片必须知道图片的宽高

*/
/* #wrap img{
width: 200px;
height: 300px;
position: absolute; */
/* 左上角居中 */
/* left: 50%;
top: 50%; */
/* 移动图片宽高的一半 */
/* margin-left: -100px;
margin-top: -150px;
} */


/* 第二种方式：定位加移动
移动两个值，x轴的平移大小，y轴的平移大小 如果使用百分比，相对于标签的宽高而言
*/
/* #wrap img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
} */

[超可爱波比]

水平居中的方法有 块状元素 margin:0 auto 行内元素 text-align:center 垂直水平居中的方法 1.块元素方法一： 用absolute定位，此时需要给其父元素添加position：relative；定位后设置top,left为50%，再把margin-top，margin-left的值设置成元素自身宽度的一半。（适用于已知宽高的元素） 2. 块元素方法二： 用absolute定位，此时需要给其父元素添加position：relative；定位后设置top:0; bottom:0; left:0; right:0; margin:auto; （未知宽高的元素也适用） 3.块元素方法三： 用absolute定位，此时需要给其父元素添加position：relative；定位后设置top：50%; left:50% ; transform:translate(-50%,-50%) ; （未知宽高的元素也适 用） 4.行元素 text-align:center； height：50px; line-height:50px;（让行高与高度一致，即可让文字垂直居中）

[a19960404abc]

https://www.cnblogs.com/dreamperson/p/9367008.html 试试flax布局

[sqwu]

vertical-align：middle text-align：center

[Lucky^]

text-align：center

[㼛思雨]

对于文本的话，text-align:center、 对于容器的话，可以用外边距，margin：0 auto； 容器得话也可以直接用绝对定位，position：absolutel; top:50%； left：50%；