Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 引导3-如何将图像垂直对齐到最高列的底部?_Css_Twitter Bootstrap - Fatal编程技术网

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感谢您的努力。我需要将图像与较高列的底部对齐。我可以用绝对位置来表示它。在此之前,我可以使用你的解决方案。希望这能奏效。