我想在它周围显示图像和文本。问题是我事先不知道图像大小。我不想放大图像。可以缩小图像。我希望图像占用不大于 100% 的最大空间。所以以下情况都可以
1.
--------------------------
[ IMAGE 100% ]
Text Text Text Text TExt T
ext Text Text Text Text Te
2.
--------------------------
Text Text [ IMAGE 50% ]
Text Text Text Text TExt T
ext Text Text Text Text Te
3.
--------------------------
Text Text Text T [ IMAGE ]
ext Text Text Text TExt Te
xt Text Text Text Text Tex
1. 图像被缩小到全宽。在 2. 到半宽度。在 3 它是自然图像大小。
我没有解决方案，所以我决定离开案例 1. 并设置图像max-width: 50%;
.myimage{
max-width: 50%;
max-height: 200px;
float: right;
height: auto;
margin-left: 10px;
}
如果我设置max-width: 100%;我有时会得到图像的原始大小约为宽度的 80%，然后为文本留下的水平空间太少，这看起来很难看。
如果仅使用 CSS 是不可能的，那么您将如何使用 JavaScript 来做到这一点？
我现在要做的是将图像的最大宽度设置为 50%。