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说明了这一点。