Question

<div class="container" style="background-color: red">
<div class="row">
<div class="col-xs-6" style="background-color: green; height: 100%">
     <img src="http://www.unixstickers.com/image/data/stickers/jsfiddle/JSfiddle-blue-w-type.sh.png"  class="img-responsive img-circle center-block" style="width: 20px">
  </div>
   <div class="col-xs-6" style="background-color: blue">
     22222222222 <br />
     22222222222 <br />
     22222222222 <br />
     22222222222 <br />
     22222222222 <br />
     22222222222 <br />
     22222222222 <br />
  </div>
  </div>
</div>

实例：https://jsfiddle.net/t814cmts/

如何在div.row中为第一个div设置100％的高度？为什么身高：100％不工作？我知道 - 我可以用px设置高度，但我的网站必须有响应，我不想为所有设备设置px。

我想要100％的高度，因为我想将图像置于右侧的文本中心。

Answer 1

您希望左侧div中的图像应居中于包含文本的右侧div。因此，即使您的内容div的高度增加，左侧div中的图像也应该垂直居中？我尝试了此匹配高度javascript以匹配相邻元素的高度，请查看网址http://brm.io/jquery-match-height-demo/

如何在div.row中设置高度100％div？

1 个答案: