div中如何设置文字居中

 我来答
很多游戏
高粉答主

2019-05-30 · 游戏精通者,攻略技能点满
很多游戏
采纳数:91 获赞数:386368

向TA提问 私信TA
展开全部

1、可以用text-align属性设置。首先打开hbuilder编辑器,新建一个html文件,先切换到边改边看模式:

2、写一个div出来,同时在内部加上一些文字,使用css增加属性,使得div的区域看得清楚:

3、接下来就使用text-align的center属性将文字横向居中,同时设置行高,使这行文字实际占用的高度和div高度相同,就产生了居中效果:

4、如果是多行文字,需要配合行内标签p和它的padding属性来完成居中,以上就是css设置div文字居中的演示:

沐阳2019
高粉答主

2019-06-24 · 繁杂信息太多,你要学会辨别
知道小有建树答主
回答量:483
采纳率:0%
帮助的人:4.4万
展开全部

1、首先打开Sublime Text软件,新建一个HTML页面,

2、然后我们在html页面中加入div标签,并且在div标签中加入一些文字,

3、接下来我们给div标签编写CSS样式,这里主要是text-align和line-height两个属性,

4、最后我们运行页面程序,你就会在页面中看到div中的文字水平垂直都居中了

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
CCMaiCWW
推荐于2017-05-26 · TA获得超过1974个赞
知道大有可为答主
回答量:2128
采纳率:0%
帮助的人:1600万
展开全部
可以用line-height行高来设置文字的垂直居中,水平居中就用<center>这个标签或者margin:0 auto;这个样式或者楼上讲的text-align:center;都行的。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
堵寄灵kO
2015-11-16 · TA获得超过2369个赞
知道小有建树答主
回答量:588
采纳率:100%
帮助的人:442万
展开全部

文字居中。

  1. 此处是垂直居中,关键代码height:105px;line-height:105px;两个值要相等。

    <div style=' height:105px;line-height:105px;overflow:hidden;border:1px solid #FF0099;' >居中</div>
  2. 文字横向居中,关键代码text-align:center

<div style=' height:105px;line-height:105px;overflow:hidden;border:1px solid #FF0099;text-align:center'>ju zhong</div>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
解物选
2012-11-13 · TA获得超过1193个赞
知道小有建树答主
回答量:608
采纳率:0%
帮助的人:428万
展开全部
text-align:center;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式