we谈游希曲b开发中，同学们经常遇到的一个问题是，当将图片和文字放置在一个div标签的时候，如果不加任何修来自改，是无法水平居中对齐的，显然这个不是很美观，本经验将提供一种居中对齐的方法，希望对需要的同学有所帮助，也欢迎大家交流其他更好的方法迅皇意办计天便未。

材料/工具

html/css 代码编辑器 浏览器

方法

  • 1
    首先 新建a.html文件，并准360新知备一张小标，如下：
  • 2
    使用浏览器打开a.html，可以看到默认情况，是图片置顶对齐，文字置底对齐，所以通飞须常图片高，文字低，不能水平居中对齐，如下：
  • 3
    再次编辑a.html，加入以下cs查深衡界句见s代码：

    .hlong 笔植特引额*{display:inline-block;vertical-align:middle}

    保存

  • 4
    再具总次使用浏览器访问a.html页面，效果如图。是不是很简单呢？
END