使用CSS将图像旁边的链接垂直对齐
这个问题在这里已经有了答案:
4.8。 垂直对齐:“垂直对齐”速记基线对齐属性
适用于:内联级别和“表格单元格”元素
此属性影响线框内的内嵌级元素生成的内联框的垂直位置。 如果该元素生成匿名内联框,则以下值仅对父级嵌入级元素或父级块级元素有意义; 如果不存在这样的父母,则它们不起作用。
虽然元素a
和img
默认都是inline
的,但是应该在img
元素上使用vertical-align:middle
属性。
jsFiddle例子
.myDiv img {
vertical-align: middle;
}
尝试这个:
.myDiv img{
vertical-align:middle;
}
DEMO
添加vertical-align:middle;
到图像而不是链接。
这里更新了小提琴。
链接地址: http://www.djcxy.com/p/41527.html