如何在桌面上对齐图像右侧但在移动设备上对齐图像下方

时间:2020-05-29 作者:alizaibkhan4

我正在使用WordPress按钮,我想知道如何对齐桌面上图像右侧但手机上图像下方的按钮。

以下是一个示例:https://www.verywellfit.com/best-ankle-weights-4158657

请参见本页上的亚马逊按钮。

在桌面上,此按钮向右对齐。像这样:enter image description here

在手机上,按钮位于图像下方:enter image description here

谢谢

1 个回复
SO网友:Mort 1305

CSS将检查屏幕的宽度,并且(如果足够小)将图片的显示更改为阻止。如所示W3Schools ...

<style>
.the-image,
.the-price {
    display: inline-block;
}
@media only screen and (max-width:600px) {
    .the-image {
        display: block;
    }
}
</style>
<img class="the-image" src="...">
<div class="the-price">...</div>

相关推荐

Sliders with buttons

我正在寻找一个滑块插件,它允许我在滑块中插入其他按钮,而不是下一个和上一个数字,我的意思是将用户重定向到不同页面的按钮,等等。。。我会很感激你的信息!当做