Html 基本上，我想要两列包含文本和图像，但第二列是倒置的

发布于12月21日

这是我的预期yields

我试图在不裁剪图像的情况下获得输出，以下是我的代码

.blog-col-group {
  display: flex;
}

.blog-col {}

.mod-vin-img {
  width: 500px;
  height: 700px;
}

.mod-vin-img>img {
  object-fit: contain;
}

<body>
  <div class="blog-container">
    <div class="blog-col-group">
      <div class="blog-col">
        <p class="blog-paragraph">
          What is not to love about this look? It is practical, stylish and allows you to play with a variety of table decor accessories.
        </p>
        <div class="mod-vin-img">
          <img src="https://dummyimage.com/4000x5000/25db71" alt="img-1">
        </div>
      </div>
      <div class="blog-col">
        <div class="mod-vin-img">
          <img src="https://dummyimage.com/800x1200/bf34bf" alt="img-2">
        </div>
        <p class="blog-paragraph">
          It’s all about adding story and intrigue, with a touch of the eclectic.
        </p>
      </div>
    </div>
  </div>
</body>

第一张图片似乎不会调整大小，但其他图片已经调整好了大小.事先感谢您的帮助.

<body> <div class="blog-container"> <div class="blog-col-group"> <div class="blog-col"> <p class="blog-paragraph"> What is not to love about this look? It is practical, stylish and allows you to play with a variety of table decor accessories. </p> <div class="mod-vin-img"> <img src="https://dummyimage.com/4000x5000/25db71" alt="img-1"> </div> </div> <div class="blog-col"> <div class="mod-vin-img"> <img src="https://dummyimage.com/800x1200/bf34bf" alt="img-2"> </div> <p class="blog-paragraph"> It’s all about adding story and intrigue, with a touch of the eclectic. </p> </div> </div> </div> </body>

Html 基本上，我想要两列包含文本和图像，但第二列是倒置的

推荐答案

Html相关问答推荐

Bootstrap右和左颈部

srcset和大小总是下载最大的

springBoot + Thymeleaf：基于Locale设置页面语言

放大缩小标题在外面的图像

如何从ThymeLeaf模板中分离CSS

嵌套表列高度不是100%高度的问题

assets资源净值元素不会扩展到涵盖子项

每个元素的CSS网格高度相等，以保持响应性

Html视频标签：圆角像素化

如何使背景图像在面包屑中相互重叠

布局更改时的转换

使用不同字体对齐元素

在 WooCommerce 存档产品类别描述上添加阅读更多/阅读更少按钮

为什么 `：：before` 在使用内容 `url(svg)` 时会增加一些高度

停止 Bootstrap 5 输入调整 CSS 网格单元的高度

Angular：从服务器下载 HTML 并打印

具有 css 高度的输入元素：100% 溢出父 div

HTML 标记未在页面上展开

svg 内容超过元素

那里有一个类似于？