1新建html文档，在body标签中添加p标签，标签的id为“header”，这时因为p标签中没有内容且没有设置样式，所以网页中显示空白2这时为p标签设置原题中的css样式，此时虽然p盒子显示了，但是没有居中3此时为p添加。

css如何设置图片上的文字并居中1首先，打开html编辑器，创建一个新的html文件，比如indexhtml2在indexhtml标记，输入css代码spanpositionabsolutetop45px左180px3浏览器运行indexhtml页面此时。

css盒子内容居中的方法css盒子内容水平居中的textaligncenter 或 margin0 auto代码效果垂直居中的lineheight代码效果绝对定位水平垂直居中，positionabsolutetop50%left50%代码效果。

5第三种方法就是使用displayinlineflex，css代码如图所示6这种方法的html是套用一个p即可如图所示7然后将下图中的css代码写入CSS文件中即可html中图片居中的代码html中使图片居中的代码是img src=quotquotalt=quot。

textalign center 只能用于行内元素的水平居中，用在块级元素或容器中是无效的 试试这样。