我想在它周围显示图像和文字。问题是我不提前知道图像大小。我不想缩放图像。可以缩小图像。 我希望图像占用最大空间不大于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％。