4

我想要一个在此文本之后具有 witdh 75 和高度 100 的图像：

<b>Het boek</b><br>
<p>Boek nummer: 1 <br>
Aantal punten: 6 <br>
Aantal bladzijden: 400 </p>

有人能帮我吗？我知道我可能必须在它周围放一个 div，但我不知道 css。顺便说一句，图像将使用 img 标签出现在页面上

4

5 回答 5

3

尝试这个

<div style="float:left;">
your text or any other thing
</div>
<div style="float:left;">
<img src="somewhere"/>
</div>
于 2012-12-26T20:50:35.353 回答
0

这是一个简单的页面，这是您要找的吗？

  <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

于 2012-12-26T20:52:18.887 回答
0

尝试这个：

<img src="URL_IMAGE" style="margin: 5px 0px 5px 5px; float: left; " />
于 2012-12-26T20:55:18.980 回答
0

这应该做你需要的：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

于 2012-12-26T21:00:59.337 回答
0

我知道这个问题已经有 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

于 2021-06-17T01:10:15.260 回答