0
我知道这个问题已被问了很多,但我一直没能找到答案中的解决方案。我正在尝试在图片中居中放置文字,但我在垂直对齐方面遇到了一些麻烦。这是我的代码:垂直对齐图像上的文本
<div class="col-sm-12 col-md-12 col-lg-12 main_category_container">
<div class="col-sm-4 col-md-4 col-lg-4">
<div class="wrap">
<h3 class="sub_category_title"><a href="some link">Centered text</a></h3>
<a href="some link"><img src="some image"></a>
</div>
</div>
</div>
和
.wrap {
height:auto;
margin: auto;
text-align:center;
position:relative;
}
h3.sub_category_title {
vertical-align: middle;
}
眼下文本图像上方水平居中,但我无法弄清楚如何垂直对齐图像的中间。
提前致谢!
文字和图片都有'href'。如果您将标题垂直对齐,您是否认为这可能会导致混淆哪个元素用于哪个链接? – Nimish
他们都指向相同的链接。我已经尝试过一些类似的东西,只是一个没有链接的h3,但我认为你不能直接点击文本有点混乱。有没有更好的方法来做到这一点?我很新:) – Mewb