如何使用css设置文字在网页中显示居中?

html-css0299

如何使用css设置文字在网页中显示居中?,第1张

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

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

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

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

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

相当的有强迫症,在软件界面上,有时候凭着肉眼就能看出来1px的误差,及其难受,本文的现象就是之一。

目前常用的浏览器有:

了解了这个知识后,来学习一个渐进式的css hack,根据网友整理的比较全的css hack改编,注意顺序不可调整:

使用也比较简单:

还有一些要注意的事情是,各种字体大小在不同浏览器下的高度也不一样,可以查看一下16px在浏览器中的高度应该为15px。

做这一块是个细节活,好好弄吧。