0
我有两个链接(一个文本和一个图像),我试图右拉并且每个垂直对齐都有底部。但现在,它看起来像这样:垂直对齐两个不同高度的右拉元素(Bootstrap)
(垂直对方的顶部对齐)
相关HTML:
<div class="col-md-7">
<div class="thumbnail">
<div class="caption clearfix">
<h2>Heading</h2>
<p class="thin">Donut jelly beans muffin cupcake. Oat cake caramels gingerbread cotton candy.</p>
<p class="thin">Chupa chips biscuit jelly chocolate bar danish caramels sugar plum cupcake.</p>
<a href="#" class="pull-right"><img src="http://placehold.it/100x70"></a>
<a href="#" class="pull-right">See example</a>
</div>
</div>
</div>
有谁知道我怎么会垂直对齐每个元素'底部?
我喜欢这个,但我会建议使用,而不是使用浮动保证金/填充抵消你的结构。结果是微不足道的,但仍需要考虑。浮动特别为将段落文字环绕图像而开发。 – JosephMCasey 2015-02-06 21:23:49
同意!尽管我的意图是坚持所给出的基本布局,但增加了垂直对齐。尽管如此,我还是和你在一起时,我通常会尽量避免它们,除非需要。 – deebs 2015-02-06 21:27:42