html - 如何改变这个元素的方向？

Question

我用这个template对于我的网站皮肤。在这个section新闻界有两个包含文本和图像的 div。我想更改图像和文本的位置。图片放在左边，文字放在右边。我的网站皮肤有 rtl 方向。

<div class="fh5co-press-item to-animate fadeInUp animated">
    <div class="fh5co-press-img" style="background-image: url(/DNN_test/Portals/_default/Skins/Crew/images/img_8.jpg)"></div>
    <div class="fh5co-press-text">
        <h3 class="h2 fh5co-press-title">Versatile <span class="fh5co-border"></span></h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis eius quos similique suscipit dolorem cumque vitae qui molestias illo accusantium...</p>
        <p><a href="#" class="btn btn-primary btn-sm">Learn more</a></p>
    </div>
</div>

Answer 1

在 .fh5co-press-img 和 .fh5co-press-text 上，您可以设置 order 属性。添加以下 CSS:

.fh5co-press-text {
    order:2;
    position: relative;
}
.fh5co-press-img {
    order:1;
    position: relative;
}

您正在为元素使用 position:absolute;，您必须添加 position:relative;。