我想要一个在此文本之后具有 witdh 75 和高度 100 的图像:
<b>Het boek</b><br>
<p>Boek nummer: 1 <br>
Aantal punten: 6 <br>
Aantal bladzijden: 400 </p>
有人能帮我吗?我知道我可能必须在它周围放一个 div,但我不知道 css。顺便说一句,图像将使用 img 标签出现在页面上
尝试这个
<div style="float:left;">
your text or any other thing
</div>
<div style="float:left;">
<img src="somewhere"/>
</div>
这是一个简单的页面,这是您要找的吗?
<html>
<body>
<b>Het boek</b><br>
<p>Boek nummer: 1 <br>
Aantal punten: 6 <br>
Aantal bladzijden: 400 </p>
<img alt="Show this text when the mouse is over the image." height="75" width="100" src="test.jpg">
</body>
</html>
“当鼠标悬停在图像上时显示此文本。” 可以更改为您想要的一些文本,或者可以完全删除 alt 属性。高度和宽度属性将强制您想要的尺寸。src 属性需要指向图像的位置。图片可以是任何 HTML 支持的图片类型,它不需要是 jpg。它可以是 jpg、png、gif 等。
关于标签和其他 HTML 资源的更多信息可以在这里找到: http: //www.w3schools.com/tags/tag_img.asp
尝试这个:
<img src="URL_IMAGE" style="margin: 5px 0px 5px 5px; float: left; " />
这应该做你需要的:http: //jsfiddle.net/Wexcode/emRNK/
<img src="http://placehold.it/75x100">
<div>
<h1>Het boek</h1>
<ul>
<li>Boek nummer: 1</li>
<li>Aantal punten: 6</li>
<li>Aantal bladzijden: 400</li>
</ul>
</div>
这是一篇关于浮动的好文章:http ://reference.sitepoint.com/css/float
这就是我包含overflow: hidden
在<div>
元素中的原因(请注意,如果删除它,填充将不起作用):http ://colinaarts.com/articles/the-magic-of-overflow-hidden/#making-room-for-floats
我知道这个问题已经有 8 年历史了,但如果你像我一样需要帮助,这就是你在 HTML5 上的做法:
<p><img src="source" alt="Example" style="float:right;width: 75px;height:100px;">Just put your paragraph here</p>
很容易 :)
在这里,只需寻找“图像浮动”以获得更好的解释
https://www.w3schools.com/html/html_images.asp