web开发中，我们经常遇到的一个问题是，当将图片和文字放置在一个div标签的时候，如果不加任何修改，是无法水平居中对齐的，显然这个不是很美观，本经验将提供一种居中对齐的方法，希望对需要的同学有所帮助，也欢迎大家交流其他更好的方法。
工具/原料
1
html/css
2
代码编辑器
3
浏览器
方法/步骤
1
首先，我们先看看不加任何修改的时候的效果，新建a.html文件，并准备一张小标，如下：
2
使用浏览器打开a.html，可以看到默认情况，是图片置顶对齐，文字置底对齐，所以通常图片高，文字低，不能水平居中对齐，如下：
4
再次使用浏览器访问a.html页面，如下：
5
对比一下两种结果，很显然后一个要比前一个好看多了，赶紧动手试一试吧：
注意事项
了解html/css规范
上一篇：DIV垂直水平居中的方法