垂直居中 a link 无行高
Vertical align middle a link without lineheight
代码&预览:http://www.bootply.com/lixzKzFYxt
我想得到蓝色条纹中的 link 垂直中间。
我读到可以使用 lineheight,但它会隐藏第二个框中的 link 的一部分。
link 有这个 css 选择器 .rubrik-thumbnail .caption a:first-child {}
谢谢!
CSS
.rubrik-thumbnail .caption a:first-child{
top:30%;
}
这是我的解决方案:
display:flex;
algin-items:center;
height:60px;
代码&预览:http://www.bootply.com/lixzKzFYxt
我想得到蓝色条纹中的 link 垂直中间。
我读到可以使用 lineheight,但它会隐藏第二个框中的 link 的一部分。
link 有这个 css 选择器 .rubrik-thumbnail .caption a:first-child {}
谢谢!
CSS
.rubrik-thumbnail .caption a:first-child{
top:30%;
}
这是我的解决方案:
display:flex;
algin-items:center;
height:60px;