零基础建站培训教程介绍

当前位置:

CSS控制图片与一段文字顶部对齐

在前面的建站教程中,我们介绍了CSS控制图片和文字在同一行对齐显示,下面我们来分享一下CSS控制图片与一段文字顶部对齐方法。

做网站时,往往是在一段文字中插入一张图片,我们如何让网站中的一段文字与图片顶部对齐呢?我们可以使用float属性。代码如下:

<img src="90.jpeg" width="100px" style="float:left;margin:10px" />

CSS控制图片和文字在同一行对齐显示

通过设置图片为左浮动,就可以让图片位于整个区域名的左边,文字处于图片的右边与图片的顶部对齐。还可以通过设置margin属性来设置图片与文字之间的距离。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

学做网站论坛零基础学建网站课程