大家好，今天小编关注到一个比较有意思的话题，就是关于css怎么让图文水平居中的问题，于是小编就整理了3个相关介绍CSS怎么让图文水平居中的解答，让我们一起看看吧。
css如何让文字显示在图片上居中？
1、首先我们创建一个父层div，然后定位为position:relative；
3、接着img宽高为父级元素宽高；
4、紧接着span定位为position:absolute，并设置left和top为50%，再设置margin为宽高的一半实现居中。
就这样，在css中让文字显示在图片上居中了。
（图片来源网络，侵删）
css样式中怎么能让一行字水平居中显示？
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：p{text-align:center}。
（图片来源网络，侵删）
3、浏览器运行index.html页面，此时p标签内的文字成功被水平居中显示。
急!CSS中，怎么让ul li中的图片和文字横向水平居中？
不用太多设置
为图标，头像，文字，图标分别设置宽度，甚至可以做4个LI，放在一个UL里，循环UL实现。LI里为了防止被内容撑开，可以把LI定宽，甚至overflow:hidden;都可以。
到此，以上就是小编对于css怎么让图文水平居中的问题就介绍到这了，希望介绍关于css怎么让图文水平居中的3点解答对大家有用。
