html – CSS垂直对齐

概述我有浮动div的img,我不知道如何垂直居中. <div style="height: 300px"> <img style="height: 50px" src="something" /></div> vertical-align：中间当然不起作用. http://jsfiddle.net/wKQYj/ 要在父元素中垂直对齐文本,并记住img是一个内联元素,因此行为与文本类似,您可以简 我有浮动div的img,我不知道如何垂直居中.

<div >   <img  src="something" /></div>

vertical-align：中间当然不起作用.

http://jsfiddle.net/wKQYj/

解决方法 要在父元素中垂直对齐文本,并记住img是一个内联元素,因此行为与文本类似,您可以简单地将line-height设置为父元素的高度：

div {    height: 300px;    line-height: 300px;}

JS Fiddle demo.

总结

以上是内存溢出为你收集整理的html – CSS垂直对齐全部内容，希望文章能够帮你解决html – CSS垂直对齐所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。