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

html-css035

如何使用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,可以在文字在页面中间显示。

内嵌式样式设置,即是在段落标记中加入关于文字的样式属性:

<p style="font-family:楷体font-size:14pxcolor:#336699text-align:lefttext-indent: 28pxline-height:200%">网页中要显示的文字</p>

font-family 用于描述段落中文字的字体;

font-size 用于描述段落中文字的大小;

color 用于描述段落中文字的颜色;

text-align 用于描述段落的对齐方式;

text-indent 用于描述段落首行缩进值;

line-height 用于描述段落文字的行间距。