1、可以用text-align属性设置。首先打开hbuilder编辑器，新建一个html文件，先切换到边改边看模式：
2、写一个div出来，同时在内部加上一些文字，使用css增加属性，使得div的区域看得清楚：
3、接下来就使用text-align的center属性将文字横向居中，同时设置行高，使这行文字实际占用的高度和div高度相同，就产生了居中效果：
4、如果是多行文字，需要配合行内标签p和它的padding属性来完成居中，以上就是css设置div文字居中的演示：
div文字居中
2022-06-23
417
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
div文字居中
相关文章
|
4月前
|
JavaScript
|
前端开发
div 居中方法汇总
居中问题无论在工作还是在面试中, 都是很常见的
下面我来给大家总结几种常用的方法, 大家可根据实际情况选择
好了, 废话不多说, 先看下效果
法1
定位+偏移 (margin)
html
css
.
1019
0
0
div盒子水平垂直居中方法
文章转载自：div盒子水平垂直居中的方法 - 雪明瑶
这个问题比较老，方法比较多，各有优劣，着情使用。
一、盒子没有固定的宽和高
方案1、Transforms 变形
这是最简单的方法，不仅能实现绝对居中同样的效果，也支持联合可变高度方式使用。
1806
0
0
|
前端开发
DIV相对定位
1156
0
0
给div加上背景图片
860
0
0
|
前端开发
容器
DIV垂直居中对齐
效果图：
CSS:
#container{
display:table-cell;
width:300px;
height:300px;
vertical-align:middle;
bo...
965
0
0
|
Web App开发
前端开发
Java
DIV + CSS布局的一些知识汇总
1359
0
0
|
Web App开发
div 实现表格布局
1033
0
0
给DIV添加滚动条
754
0
0
热门文章
最新文章
1
解决关于Windows Defender Antivirus Service自启造成运行python程序时，Windows的cpu和内存占用过高问题
2
订票系统不再瘫痪 阿里云确认与12306合作
3
iOS - 手动下架的应用后快速恢复上架
4
du 和 df以及lsof
5
库克：苹果不是只做富人生意，还一直坚持让世界变得更好
6
WiGig无线标准正式开始提供验证 最高可达8Gbps
7
IBM推出新的16位量子处理器
8
Android:随笔——对页面的View进行截图
9
shell MAC 地址 校验
10
【系统优化】数据库系统load飙高问题解决思路
1
DataWorks产品使用合集之DataWorks中，如果一个虚拟节点被设置为冻结状态，那么它的所有子节点也将被冻结如何解决
21
2
DataWorks产品使用合集之DataWorks发布任务的方法如何解决
25
3
DataWorks产品使用合集之DataWorks中，配置DataHub数据源如何解决
22
4
Nacos 1.4.1核心功能组件及使用入门
22
5
DataWorks产品使用合集之在 DataWorks 中，有一个 MySQL 数据表，数据量非常大且数据会不断更新将这些数据同步到 DataWorks如何解决
14
6
基于直方图的图像阈值计算和分割算法FPGA实现,包含tb测试文件和MATLAB辅助验证
13
7
DataWorks产品使用合集之在DataWorks中，要实现MySQL数据源的增量同步如何解决
15