在所有屏幕上对齐左右div，不影响图像分辨率。在任何屏幕上都应该可以看到整个图像

Question

网站是100％结构。所以Leftside有两个div，一个是图像，另一个是文本，右侧有图像。左侧和右侧div应该在任何屏幕上对齐。不妥协图像分辨率和它不应该被砍掉。

这是在http://heydays.no/project/dinesen/

实施的

我的链接：http://multia.in/mthemes/portfolio_image.html

请帮助..

Answer 1

所以你可以这样试试。

<div class="row">
  <div class="left">
    <img src=""/>
    <p>Text</p>
  </div>
  <div class="right">
    <img src="">
  </div>
</div>

<强>风格

.row {
  display:table;
}

.row .left, .row .right{
  display:table-cell;
  width:50%;
}