html - 如何制作只影响文本而不影响图像的 CSS 规则？

Question

我正在使用一个 php 脚本来输出这样的帖子:

<div class="postoutput">
  <p>
    <img src="content/xeon.png" alt="xeon.png">
    This is text, Xeon is great.```
  </p>
</div>

我无法触摸输出但我可以修改 CSS，有没有办法添加仅适用于仅使用 CSS 的文本的边距

图像是 100% 宽，这没问题。

期望的目标是保持图像原样，但使文本每边只有 10 像素的边距。请记住，我只能访问 CSS 文件。

Answer 1

长话短说...不，您不能将 css 直接应用于您案例中的文本。

不过，您或许可以模仿一些接近的东西。

假设你的图片是全 Angular 的，你可能会使用类似的东西:

p {
   padding:10px;
}

p > img {
   margin:-10px -10px 10px;
}