学做网站培训课程介绍

当前位置：

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

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

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



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

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

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

发表回复

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

相关教程

  • 什么是DIV+CSS 附件下载 (1155075 次浏览)
    本节建站课程高清视频下载链接: https://pan.baidu.com/s/1sl6nR8D 密码: urwgdiv+css就是把设计师设计好的图片，转变成一张静态页面的技术。html
  • 建网页知识：CSS控制网页DIV层水平垂直居中 (124305 次浏览)
    在网站布局过程中，运用div+css的布局是特别有利的，通常我们需要对一个div层进行居中处理，那么如何通过css属性对它进行控制呢：下面分享一个建网页
  • CSS怎么控制DIV水平居中显示 视频教程 (112986 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程，这节课程我们讲一下DIV水平居中显示CSS代码。当我们写了一个DIV后,默认情况下,DIV是左对齐的,如何让一个DI
  • 静态网页不显示图片 (119350 次浏览)
    作者: 脉动Email: 511039684@qq.com详细内容:今天听了老师讲的课程第九节：什么是网站静态页面，然后自己就动手去照着做，文字什么的都可以显
  • DW网页中如何插入图片 视频教程 (1187857 次浏览)
    DW给网页插入图片一般有二种方法：一种是插入拥有ALT属性的图片，这在我们的企业网站制作教程中经常用到。另一种是插入背景图片，实现在图片
  • CSS控制图片与一段文字顶部对齐 图文教程 (122556 次浏览)
    在前面的建站教程中，我们介绍了CSS控制图片和文字在同一行对齐显示，下面我们来分享一下CSS控制图片与一段文字顶部对齐方法。做网站时，往往是在
  • DW如何给网页添加文本文字 视频教程 (1173345 次浏览)
    DW中插入文字是最简单的操作，我们可以像在word一样随意的打出自己想要的文字。打开ＤＷ后，点击“设计”模式，在文字框中就可以打字了。插入文字可以是
  • Dreamweaver如何文字图像添加超链接 视频教程 (1116370 次浏览)
    在制作网页中我们时常会将一些文字、图片等做成超链接，但如果在制作时，某些链接页面还没有做好，这时我们就可以用的空链接，提醒自己哪些地方需要添
  • CSS如何调整DIV顶部边距 图文教程 (129851 次浏览)
    作者: wenmp424Email: 1871663623@qq.com详细内容:想把网站LOGO往下调，同时把导航往上调，跟背景图对齐，里面那一句是添加上边距的呢，该怎
  • DISCUZ论坛如何去除顶部登录框 图文教程 (128926 次浏览)
    使用DZ制作论坛网站时，它的默认情况下，网站顶部是有一个登录框，它的作用可以很方便的让我们去填写用户名和密码。但是有时为了整个版面的美观，防止
  • 网页图片与文字怎么垂直居中对齐 图文教程 (137705 次浏览)
    在Dreamweaver cs5中，当我们点击HTML网页中的图片时，可以设置图片与文字的混排对齐方式。但在Dreamweaver CS6版版本中，软件已经取消了这个对齐功能
  • CSS控制图片和文字在同一行对齐显示 图文教程 (141363 次浏览)
    图片与文字是做网站必不可少的要素，我们在使用图片与文字布局时，如何让图片和文字在同一行对齐显示来制作出一个整齐的网页出来。对于一些学做网

建站培训课程

最新教程

其它教程