学做网站培训课程介绍

当前位置:

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

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

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


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

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

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

发表评论

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

相关教程

  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下如何使用一个CSS样式来控制多个DIV。在网页制作过程中,写CSS追求代码简洁,如果多个
  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 在前面的建站教程中,我们介绍了CSS控制图片和文字在同一行对齐显示,下面我们来分享一下CSS控制图片与一段文字顶部对齐方法。做网站时,往往是在
  • HTML文字倾斜标签是什么 (134354 次浏览)
    HTML文字倾斜标签是什么?我们在做网站时,有的文字需要倾斜显示,这时就需要使用HTML文字倾斜标签了。HTML斜体标签:HTML 斜体标签元素知识与
  • CSS如何调整DIV顶部边距 图文教程 (127020 次浏览)
    作者: wenmp424Email: 1871663623@qq.com详细内容:想把网站LOGO往下调,同时把导航往上调,跟背景图对齐,里面那一句是添加上边距的呢,该怎
  • 使用DZ制作论坛网站时,它的默认情况下,网站顶部是有一个登录框,它的作用可以很方便的让我们去填写用户名和密码。但是有时为了整个版面的美观,防止
  • 在Dreamweaver cs5中,当我们点击HTML网页中的图片时,可以设置图片与文字的混排对齐方式。但在Dreamweaver CS6破解版版本中,软件已经取消了这个对齐
  • 图片与文字是做网站必不可少的要素,我们在使用图片与文字布局时,如何让图片和文字在同一行对齐显示来制作出一个整齐的网页出来。对于一些学做网