使用css将图像放入文章中时出现问题

时间:2013-10-23 03:14:44

标签: html css

所以即时学习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上加载网站。

2 个答案:

答案 0 :(得分:1)

您可以使用简单的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>

当您在网站上看到某些内容并想要了解他们是如何做到的时候,我建议您查看来源或右键单击您感兴趣的元素并选择“检查元素”。< / p>

JSFiddle示例

答案 1 :(得分:0)

要实现您的目标,您还可以在图片中使用 float: right 。它会使文字环绕您的图像。