学做网站培训课程介绍

当前位置：

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

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

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



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

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

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

发表评论

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

相关教程

  • CSS如何调整DIV顶部边距 图文教程 (126323 次浏览)
    作者: wenmp424Email: 1871663623@qq.com详细内容:想把网站LOGO往下调，同时把导航往上调，跟背景图对齐，里面那一句是添加上边距的呢，该怎
  • CSS控制文字水平居中、垂直居中 视频教程 (112972 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程，这节课程我们讲一下CSS控制文字水平居中、垂直居中。CSS控制文字水平居中，需要使用text-align属性，其
  • CSS控制DIV外边距 内边距 视频教程 (112978 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程，这节课程我们讲一下CSS控制DIV外边距 内边距。做网站时,可以通过CSS来设置一个DIV与其它DIV之间的边距,
  • Dreamweaver 如何添加网页图片热区链接 视频教程 (111816 次浏览)
    以下是学做网站论坛关于《Dreamweaver 如何添加网页图片热区链接》视频教程。
  • 如何给网页添加背景图片 视频教程 (1117454 次浏览)
    使用DW软件给网页添加背景图片的步骤： 启动Dreamweaver程序，新建一个新的HTML文档，将文档保存到电脑的适当位置。 单击属性栏中的“属性
  • CSS控制图片与一段文字顶部对齐 图文教程 (118883 次浏览)
    在前面的建站教程中，我们介绍了CSS控制图片和文字在同一行对齐显示，下面我们来分享一下CSS控制图片与一段文字顶部对齐方法。做网站时，往往是在
  • Dreamweaver如何文字图像添加超链接 视频教程 (1115036 次浏览)
    在制作网页中我们时常会将一些文字、图片等做成超链接，但如果在制作时，某些链接页面还没有做好，这时我们就可以用的空链接，提醒自己哪些地方需要添
  • DW如何给网页添加文本文字 视频教程 (1171114 次浏览)
    DW中插入文字是最简单的操作，我们可以像在word一样随意的打出自己想要的文字。打开ＤＷ后，点击“设计”模式，在文字框中就可以打字了。插入文字可以是
  • DISCUZ论坛如何去除顶部登录框 图文教程 (128642 次浏览)
    使用DZ制作论坛网站时，它的默认情况下，网站顶部是有一个登录框，它的作用可以很方便的让我们去填写用户名和密码。但是有时为了整个版面的美观，防止
  • 网页图片与文字怎么垂直居中对齐 图文教程 (134200 次浏览)
    在Dreamweaver cs5中，当我们点击HTML网页中的图片时，可以设置图片与文字的混排对齐方式。但在Dreamweaver CS6破解版版本中，软件已经取消了这个对齐
  • CSS控制图片和文字在同一行对齐显示 图文教程 (137573 次浏览)
    图片与文字是做网站必不可少的要素，我们在使用图片与文字布局时，如何让图片和文字在同一行对齐显示来制作出一个整齐的网页出来。对于一些学做网

建站培训课程

最新教程

其它教程