时间戳

首页 > 解决方案 > 图像旁边显示的文本被缩短（CSS？）

css - 图像旁边显示的文本被缩短（CSS？）

问题描述

我在我的 Wordpress 网站中遇到了 CSS 问题。

当我使用 WP 的编辑器使图像浮动（不是 100% 确定我使用的是正确的术语）到某些文本的右侧或左侧时，从手机查看时会发生这种情况：

文本在 css 中被剪切

文字被剪掉了。

除非有足够的空间让它看起来不错，否则我怎样才能使它不显示任何文本？或类似的东西可以解决它。

谢谢！！

pd 下面是代码：

<img class="alignleft size-full wp-image-16" src="x" alt="x" width="250" height="283" />

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

它发生在我所有的 wordpress 网站上，因此很容易测试。

标签： csswordpress

解决方案

最简单且最易读的解决方案是告诉 CSS 在移动设备上将图片大小调整为 100% 宽度。

例如：

@media only screen and (max-width: 700px) {
img {
    width: 100%;
    height: auto;
    float: none;
    }
}

把它放在你的css文件的最底部

推荐阅读