HTML中字符居中代码是什么

html-css014

HTML中字符居中代码是什么,第1张

如果单纯用html语言的话,就是<center></center>这一对,如果是搞网页设计的话,建议使用css语言来修饰网页。操作方法如下:

1、首先双击打开HBuilderX开发工具,创建一个Web项目,并在项目pages文件夹下,新建静态页面center.html。

2、打开center.html文件,修改title标签中的文本显示内容。

3、在<body></body>标签中,插入一个div标签,并添加标签的id属性。

4、利用ID选择器在style标签中,设置div标签的样式属性,如宽度、高度、行高、字体属性等。

5、接着给div标签添加一个样式属性background-color。

6、再次保存代码并刷新浏览器,可以看到字体在背景颜色块中间位置,说明字体居中显示。

1、在html编辑器中,新建一个html文件,例如:index.html。

2、在index.html中的body标签中,填入html代码:

<div style="position: absolutetop: 50%left: 50%height: 10%width: 30%margin: -5% 0 0 -15%">123asfafada</div>

3、最后,浏览器运行index.html,此时html中的文字被成功垂直水平居中显示。