在 Wordpress post 中为文本设置 75% 宽度，为图像设置 100% 宽度？
Make 75% width for text and 100% for images in Wordpress post?
我尝试在 post 中将段落的宽度设置为 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%;}，在<img>外制作<div>。这样系统就不会创建一个 <p> 来容纳 <img>。但这不是最佳做法。
对这个问题有什么想法吗？
这是我期望的布局。
你绝对可以用纯 CSS 做到这一点——不需要 JS——这只是数学。考虑到您的段落是容器宽度的 75%，您的图像需要是段落宽度的 100% + 容器宽度的 25% 缺失。因此，使用此公式，您可以获得正确的图像宽度百分比：
width = ((25/75) + 1) * 100 = 133.3333
这里有一个 jsfiddle 说明。
我尝试在 post 中将段落的宽度设置为 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%;}，在<img>外制作<div>。这样系统就不会创建一个 <p> 来容纳 <img>。但这不是最佳做法。
对这个问题有什么想法吗？
你绝对可以用纯 CSS 做到这一点——不需要 JS——这只是数学。考虑到您的段落是容器宽度的 75%，您的图像需要是段落宽度的 100% + 容器宽度的 25% 缺失。因此，使用此公式，您可以获得正确的图像宽度百分比：
width = ((25/75) + 1) * 100 = 133.3333
这里有一个 jsfiddle 说明。