css - 在 Wordpress 帖子中为文本设置 75% 宽度，为图像设置 100% 宽度？

Question

我尝试在帖子中将段落的宽度设置为 75%，并将图像的响应宽度设置为 100%。然而，<img>总是在 <p>默认。

<p>Some texts</p>
<p>Some texts</p>
<p><a><img src="..."></a></p>
<p>Some texts</p>
<p>Some texts</p>

目前，我只能制作.entry-content p {max-width: 75%;}并制作一个<div>外面<img> .这样系统就不会创建 <p>持有<img> .但这不是最佳做法。

对这个问题有什么想法吗？

这是我预期的布局。

Answer 1

您完全可以使用纯 CSS 来完成此操作 - 不需要 JS - 这只是数学运算。考虑到您的段落是容器宽度的 75%，您的图像需要是段落宽度的 100% + 容器宽度的 25% 缺失。因此，使用此公式，您可以获得图像宽度的正确百分比:

width = ((25/75) + 1) * 100 = 133.3333

这是一个jsfiddle说明这一点。