主页 / user-295823

Вячеслав's questions

Martin Hope
Вячеслав
Asked: 2020-08-22 19:53:44 +0000 UTC
  • 2

在codepen 中，在图像下方创建了一个4px的填充。您可以通过添加图片display: block;或父图片来决定margin: -4px;

.reason-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 256px;
  color: #fff;
  text-align: center;
}

.reason-one div:first-child {
  background-color: #81b3d2;
  -ms-flex-preferred-size: 400px;
  flex-basis: 400px;
}

.reason-one h2 {
  margin: 54px 100px 0;
  line-height: 21px;
}

.reason-one span {
  display: inline-block;
  margin-top: 24px;
}

.reason-one p {
  margin: 21px 45px 0;
}

.reason-one div:last-child img {
  /*   display: block; */
}
<section class="reason-one">
  <div>
    <h2>настоящий городок</h2>
    <span>— №1 —</span>
    <p>седона — не аттракцион для туристов, там течёт своя жизнь</p>
  </div>
  <div>
    <img src="//i.stack.imgur.com/lGg3u.jpg" style="height: 256px">
  </div>
</section>

帮助我了解缩进的来源以及如何捕捉它，tk。在网络检查器中不清楚

flexbox