html居中布局(html居中代码)
您好,今天小花就为大家解答关于html居中布局,html居中代码相信很多小伙伴还不知道,现在让我们一起来看看吧!
1、如果单纯用html语言的话,就是
2、操作方法如下:首先双击打开HBuilderX开发工具,创建一个Web项目,并在项目pages文件夹下,新建静态页面center.html。
3、2、打开center.html文件,修改title标签中的文本显示内容。
4、3、在
标签中,插入一个div标签,并添加标签的id属性。5、4、利用ID选择器在style标签中,设置div标签的样式属性,如宽度、高度、行高、字体属性等。
6、5、接着给div标签添加一个样式属性background-color。
7、6、再次保存代码并刷新浏览器,可以看到字体在背景颜色块中间位置,说明字体居中显示。
本文就讲到这里,希望大家会喜欢。