div中如何设置文字居中

div中如何设置文字居中,第1张

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

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

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

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

可以使用“text-align:right”属性让div里文字靠右。

1、新建html文档,在body标签中添加div标签,然后为div标签设置宽高和边框属性:

2、在div标签中输入文字,这时默认情况下div里面的文字靠左居中:

3、为div标签添加属性“text-align: right”,“text-align”指的是文字对齐方式,“ right”指的是靠右对齐,这时div里面的文字就会靠右对齐:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11274797.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存