浮动元素彼此相邻

时间:2014-12-27 17:29:43

标签: html css floating-accuracy

我正在建立一个网站,我想要这样的事情:

img text img
img text img
img text img

图像将位于屏幕的左侧和右侧,但是当我向右浮动图像时,它位于左侧的图像下方。这是一个例子:enter image description here那么我如何将图像放在同一级别上,并在它们之间加上p或div标签。任何帮助表示赞赏

编辑:如果我将我的图片和p标签浮动到左侧,这就是我得到的:enter image description here

如何让右侧的图像显示在屏幕的末尾?

1 个答案:

答案 0 :(得分:2)

对于初学者来说,漂浮可能有点困难。首先在像w3schools.com这样的网站上阅读它。在你的例子中将图像放在一起时,两个图像应该向一个方向漂浮。

img{
 float:left;
}

此外,在将内容放在其下方时,应清除浮动。在上述同一网站上阅读更多关于清算的信息。