Css 引导3-如何将图像垂直对齐到最高列的底部?
这是 我不能因为我的问题更加深入而失去响应功能 如果有什么问题,请随时提问。先谢谢你Css 引导3-如何将图像垂直对齐到最高列的底部?,css,twitter-bootstrap,Css,Twitter Bootstrap,这是 我不能因为我的问题更加深入而失去响应功能 如果有什么问题,请随时提问。先谢谢你 <div class="container"> <div class="row"> <div class="col-md-6 yellow"> <div class="col-md-10"> <p>Lorem ipsum dolor sit amet, consectetu
<div class="container">
<div class="row">
<div class="col-md-6 yellow">
<div class="col-md-10">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et efficitur ipsum. Fusce accumsan congue diam, et bibendum mauris aliquam</p>
<img class="col-md-12" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTfVm23Mm3GiIQJJnnej43NG1JrrvpFVTqx1QaOGHXFneJPr9ow" />
</div>
</div>
<div class="col-md-6 orange">
<div class="col-md-8">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et efficitur ipsum. Fusce accumsan congue diam, et bibendum mauris aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et efficitur ipsum. Fusce accumsan congue diam, et bibendum mauris aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et efficitur ipsum. Fusce accumsan congue diam, et bibendum mauris aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et efficitur ipsum. Fusce accumsan congue diam, et bibendum mauris aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et efficitur ipsum. Fusce accumsan congue diam, et bibendum mauris aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et efficitur ipsum. Fusce accumsan congue diam, et bibendum mauris aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et efficitur ipsum. Fusce accumsan congue diam, et bibendum mauris aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et efficitur ipsum. Fusce accumsan congue diam, et bibendum mauris aliquam.</p>
</div>
</div>
</div>
</div>
Lorem ipsum dolor sit amet,是一位杰出的献身者。公平与效率。从直径到毛里斯长度
Lorem ipsum dolor sit amet,是一位杰出的献身者。公平与效率。从直径到毛里斯长度的累积。Lorem ipsum dolor sit amet,是一位杰出的献身者。公平与效率。从直径到毛里斯长度的累积。Lorem ipsum dolor sit amet,是一位杰出的献身者。公平与效率。从直径到毛里斯长度的累积。Lorem ipsum dolor sit amet,是一位杰出的献身者。公平与效率。从直径到毛里斯长度的累积。Lorem ipsum dolor sit amet,是一位杰出的献身者。公平与效率。从直径到毛里斯长度的累积。Lorem ipsum dolor sit amet,是一位杰出的献身者。公平与效率。从直径到毛里斯长度的累积。Lorem ipsum dolor sit amet,是一位杰出的献身者。公平与效率。从直径到毛里斯长度的累积。Lorem ipsum dolor sit amet,是一位杰出的献身者。公平与效率。从直径到毛里斯长度的累积
您的问题有点让人困惑,因为html中包含了img,但如果我理解正确,您需要研究使用javascript/jquery计算每个容器的高度,然后比较它们,然后根据哪个容器更大,将img插入其中。下面是一小部分jquery帮助您开始
$(document).ready(function() {
var a = $('.yellow').height();
var b = $('.orange').height();
if(a > b){
//do something here
}
else {
//do something else here
}
});
这只能通过javascript实现吗?@user3365721感谢您的努力。我需要将图像与较高列的底部对齐。我可以用绝对位置来表示它。在此之前,我可以使用你的解决方案。希望这能奏效。