admin 管理员组

文章数量: 1086019


2024年2月23日发(作者：git shell下载)

如何实现div中的文字垂直水平居中

文字居中

文字水平垂直居中可以使用：

//方法一

//设置line-height的值和为div的height值，实现垂直居中，使用text-align实现水平居中

.a{

height: 50px;

line-height: 50px；

text-align: center;

}

//方法二

//设置div为弹性布局，设置主轴和交叉轴的值为center

//也可以设置其他的值让文字出现在想放的地方

.a{

display: flex; //设置div为弹性布局

justify-content: center;

align-items:center;

}

•

注意：

•

方法一只能用于文字居中，不能用于div ，div只能使用flex布局.

•

如果是写移动端的UI，有些安卓手机当字体小于12px的时候，使用line-height是无法居中的，只能使用flex进行居中


本文标签： 居中 使用 文字 只能 设置

版权声明：本文标题：div文字垂直居中的方法 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1708637707a528390.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。