4
A
回答
4
2
必须要么在图像移动到前面或外移动它:
<p>
<img src="src/src.jpg">
TEXT GOES HERE
</p>
或
<img src="src/src.jpg">
<p>
TEXT GOES HERE
</p>
-1
将一个<div>
您的段落内,并保持你的文字里面。然后作出float: left
和图像float: right
类似下面:
HTML代码样品JSFiddle
<p>
<div> THIS IS A LOT OF TEXT
........................
.........................
</div>
<!-- MOVE THIS IMAGE UP SO IT'S NOT BELOW AND WRAP TEXT AROUND IT -->
<img src="..Troll-face.png" />
</p>
CSS
img{
float:right;
width:150px;
}
p {
width:100%;
height: auto;
}
div{
width:70%;
height:auto;
float: left;
}
+0
div里面的段落不是语义的,很不好回答:( – Aaron
+0
语义抛开,图片还是不在OP所在的地方想要它和文本不包裹它... –
0
亚伦是正确的,图像将不得不超出文字。如果是长的,你总是可以做一个
<p>
TEXT GOES HERE<br>
<img src="src/src.jpg">
TEXT GOES HERE
</p>
不知道这是犹太与编码,但它的工作原理。
相关问题
- 1. 围绕文字环绕HTML
- 2. 围绕浮动环绕非文本元素
- 3. iPhone:围绕图像环绕文字
- 4. 围绕图片环绕文字IE
- 5. 围绕图像环绕文字
- 6. Flex 4 - 围绕图像环绕文字
- 7. 围绕图像环绕文字
- 8. 围绕文字环绕一个div
- 9. 流体浮动div与文字环绕
- 10. 保持文字环绕浮动图像
- 11. CSS:DIV文字环绕浮动的div
- 12. 围绕与浮动李
- 13. 禁用文字环绕周围浮动图像
- 14. 如何在浮动图像周围环绕文字
- 15. ,围绕着报价
- 16. TCPDF围绕对象环绕文本
- 17. QPrinter围绕图像环绕文本
- 18. 环绕文字
- 19. 文字环绕
- 20. 文字环绕
- 21. HTML CSS围绕文本漂浮图像不围绕图像
- 22. 围绕浮动div包围全宽div
- 23. 围绕本机C++围绕C++/cli环绕c#/ WPF GUI
- 24. 围绕绝对定位元素环绕文字
- 25. 在Canvas中围绕图像环绕文字
- 26. 环绕文字图像周围(响应)
- 27. PHPWord - 在表格周围环绕文字
- 28. 文字环绕图像周围的
- 29. 在DIV上和周围环绕文字
- 30. DT标签浮动围绕着彼此在IE 7
为了清楚起见,您希望图像位于页面的右下角,文字环绕它而不是出现在最后一行文字下方的图像。 –
@Marc正确,右下角图像底部,文字底部。如果继续混淆,我可能会显示一张图片 –
这不是一件容易的事情,JS必须参与 - https://github.com/gilly3/lowFloat – Stickers