1
我有一个内联的元素列表,列表中的元素有时可以是图像或文本。图像始终与列表高度相同,但我如何在列表中垂直对齐文本?内嵌列表项上的垂直对齐文本
注:加价不能改变。
打算用CSS做这个,没有JavaScript。
我有一个内联的元素列表,列表中的元素有时可以是图像或文本。图像始终与列表高度相同,但我如何在列表中垂直对齐文本?内嵌列表项上的垂直对齐文本
注:加价不能改变。
打算用CSS做这个,没有JavaScript。
做了以下修改:
ul li a img{
display:block;
}
a {
color: #000;
font-weight: 700;
text-decoration: none;
display:table-cell;
vertical-align: middle;
width:100px;
height:80px;
}
如果您将a
样式设置为display: table-cell
,则可以使用vertical-align
(http://jsfiddle.net/whm8X/)例如, :
a {
display: block;
height: 80px;
width: 100px;
display:table-cell;
vertical-align:middle;
}