博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片与文本的对齐方式
阅读量:5230 次
发布时间:2019-06-14

本文共 398 字,大约阅读时间需要 1 分钟。

 1、对图片进行宽高设置

  对图片进行宽高设置时,只设置其中一个就可以,另一个会按照相应比例进行改变大小 

2、设置图片,可使文本图片垂直居中

  vertical-align: middle;

  注:默认图片与文字底部对齐

 3、设置图片,可使文本与图片是顶部居中

  float: left;

1 //文字与图片中部居中 2 h1 img{ 3             width: 300px; 4             vertical-align: middle; 5         } 6  7  8 //文字与图片顶部对齐 9 h1 img{10             width: 300px;11              float: left;12         }

 

转载于:https://www.cnblogs.com/hlrblog/p/7868346.html

你可能感兴趣的文章
CSS3教程:border-image属性
查看>>
asp.netmvc常见功能链接
查看>>
sql server系统表详细说明
查看>>
SQL Server 2008连接字符串写法大全
查看>>
sql server 使用链接服务器远程查询
查看>>
JavaScript中的继承
查看>>
MySQL简介
查看>>
设计模式之桥接模式(Bridge)
查看>>
jquery的$(document).ready()和onload的加载顺序
查看>>
Python Web框架Django (五)
查看>>
.net学习之继承、里氏替换原则LSP、虚方法、多态、抽象类、Equals方法、接口、装箱拆箱、字符串------(转)...
查看>>
【codevs1033】 蚯蚓的游戏问题
查看>>
【程序执行原理】
查看>>
第二次项目冲刺(Beta阶段)5.24
查看>>
python的多行注释
查看>>
连接Oracle需要jar包和javadoc文档的下载
查看>>
UVA 10976 - Fractions Again?!
查看>>
Dreamweaver cc新版本css单行显示
查看>>
【android】安卓的权限提示及版本相关
查看>>
JavaScript可否多线程? 深入理解JavaScript定时机制
查看>>