js如何让文字居中显示?

js如何让文字居中显示?,第1张

1、打开编辑器,新建test.html,用于学习今天的内容。

2、接下来需要在head标签下方引入jquery.min.js插件,如下图所示。

3、在页面的body标签里,新建一个div,名称为test。

4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div,通过css()方法让文字居中。

5、在浏览器中打开test.html,可以在文字在页面中间显示。

对于文字:text-align:center即可让文字水平居中,line-height的值与height相同则垂直居中

对于块元素:margin:0 auto即可让块元素在父元素内水平居中。

对于行内元素:可display:block后margin:0 auto;


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存