gpt4 book ai didi

html - 使用 css 在文章中放置图像时遇到问题

转载 作者:太空宇宙 更新时间:2023-11-04 14:26:14 25 4
gpt4 key购买 nike

我正在学习 HTML 和 CSS,我有一个问题

我正在尝试将图片放入文章中,这样文章中的文本就不会覆盖图片或妨碍图片,但到目前为止我尝试的一切都无法正常工作。

我使用 W3Schools.com 来学习如何做。

这是他们的操作说明 http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_position

这是我尝试做的事的一个例子http://www.spacenews.com/article/launch-report/37302australian-led-scramjet-test-ends-in-failure

即使按照网站上的说明我也无法使其正常工作,它们可能是错误的说明吗?

我正在使用 coffeecupfree HTML 编辑器并在 chrome 上加载网站。

最佳答案

您可以使用简单的 HTML 来做到这一点:

<img align="right" src="http://www.spacenews.com/sites/spacenews.com/files/styles/large/public/images/articles/Scramspace_4x3.jpg?itok=7JbqmW0r">
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet </p>

当您在网站上看到某些东西并且想了解他们是如何做到的时,我建议您查看源代码或在 Chrome 中右键单击您感兴趣的元素并选择“检查元素”。

JSFiddle例子

关于html - 使用 css 在文章中放置图像时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19532130/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com