我有一个简单的设置,其中包含一段文字和一个右侧的图像。问题是如果用户屏幕较小,图片的分辨率不会改变。我更换了#34;宽度:256px" "宽度:40%"在风格。这使图像适当缩放,但它向上移动到文本上方。无论我拍摄的图像多么小,它都不会弹回来。但它确实保持在右边。
这是我的HTML:
<p style="float:right"><img src="http://qnimate.com/wp-content/uploads/2014/03/images2.jpg" alt="Missing Img" style="float:right; width: 40%"></p>
<p>Lorem ipsum dolor sit amet</p>
&#13;
答案 0 :(得分:0)
只需移除包裹p
标记,甚至将img
标记放在文本的p
标记内...
像这样:
<p>
<img src="Url" alt="Missing Img" style="float:right; width: 40%"> Lorem ipsum dolor sit amet
</p>