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

  • 时间:2020-03-28 21:21 编辑: 来源: 阅读:96
  • 扫一扫,手机访问
摘要:在前面的建站教程中,我们介绍了CSS控制图片和文字在同一行对齐显示,下面我们来分享一下CSS控制图片与一段文字顶部对齐方法。做网站时,往往是在一段文字中插入一张图片,我们如何让网站中的一段文字与图片顶部对齐呢?我们可以使用floa

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

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

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


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


  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【技术文章|】Java 开发环境配置(2021-01-16 19:16)
【技术文章|java技术】Java简介 主要特性 发展历史(2021-01-16 19:10)
【技术文章|java技术】eclipse项目如何导入myeclipse项目中 如何把eclipse项目导入myeclipse(2020-12-20 22:06)
【技术文章|】如何将MyEclipse项目导入eclipse (2020-12-20 22:00)
【技术文章|java技术】如何用eclipse运行myeclipse做的项目(2020-12-20 21:55)
【技术文章|java技术】怎么分辨java框架(2020-12-17 16:27)
【技术文章|】Editplus批量转换java utf-8 bom源码文件为utf-8编码文件(2020-12-13 20:21)
【技术文章|java技术】java utf-8 bom源码文件为utf-8编码文件(2020-12-13 20:17)
【服务项目|】java程序代写计算机毕业设计代做(2020-10-20 16:54)
【热点|国内】第七次全国人口普查“查人”又“查房”,还可自主填报(2020-10-20 14:49)
底部广告
网站首页 | 关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 站点地图
CopyRight 2014-2024 学帮网 |粤ICP备18000800号-4