Question

为什么我的文字没有居中？为什么我的花车不均匀堆叠： https://jsfiddle.net/t5mLm8p6/2/

    <H1 class="header-text"> SPECIAL COLORSHIFTING RED/CYAN INLAY FROM REDA </H1> 

    <div class="images-on-left-side" >
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_02_1.jpg" width="577" height="417" />
    </div>

    <div class="images-on-right-side" >
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_03.jpg" width="623" height="417" />
    </div>


    <H1 class="header-text"> FUNKY URBAN INLAY FROM ZEGNA  REDA</H1> 

    <div class="images-on-left-side" >
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_06_1.jpg" width="623" height="416" />
    </div>

    <div class="images-on-right-side" >
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_05.jpg" width="577" height="416" />
    </div>

    <H1 class="header-text"> CLASSIC BLUE PATTERN FROM VITALE BARBERIS</H1> 

    <div class="images-on-left-side" >
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_08.jpg" width="575" height="416" />
    </div>


    <div class="images-on-right-side" >
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_09.jpg" width="625" height="417" />
    </div>

我尝试让div 6 divs / images并排：就像这里：http://postimg.org/image/urstgg0s7/

但是下一篇文章的边距选项会因某种原因而变得不均匀。

Answer 1

将你的div包裹起来。它应该是这样的 -

.row {
  border: 1px solid red
}
.row h1 {
  text-align: center
}
.row div {
  display: inline-block;
  width: 290px;
}
.row div > img {
  width: 100%
}

<div class="row">
  <H1 class="header-text"> SPECIAL COLORSHIFTING RED/CYAN INLAY FROM REDA </H1> 

  <div class="images-on-left-side">
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_02_1.jpg" width="577" height="417" />
  </div>

  <div class="images-on-right-side">
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_03.jpg" width="623" height="417" />
  </div>

</div>
<div class="row">
  <H1 class="header-text"> FUNKY URBAN INLAY FROM ZEGNA  REDA</H1> 

  <div class="images-on-left-side">
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_06_1.jpg" width="623" height="416" />
  </div>

  <div class="images-on-right-side">
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_05.jpg" width="577" height="416" />
  </div>
</div>
<div class="row">
  <H1 class="header-text"> CLASSIC BLUE PATTERN FROM VITALE BARBERIS</H1> 

  <div class="images-on-left-side">
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_08.jpg" width="575" height="416" />
  </div>


  <div class="images-on-right-side">
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_09.jpg" width="625" height="417" />
  </div>
</div>

\

文字中心和不均匀的流量？

1 个答案: