最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css控制图片的等比缩放
时间:2010-05-05 编辑:简简单单 来源:一聚教程网
css样式代码
示例中是默认网页所有的img的标签中的图片都会缩放,如果想让特定的图片缩放只要修改下前面的css名字,然后在网页中调用就可以了
比如你要让一张大图片1024*768在一个100*100的容器里显示,那这个时候你就需要用到等图片比缩放这个功能了!
图片等比列缩放的同时,你需要把图片底部对齐,这时候可以用绝对定位实现!
图片等比列缩放的同时,你需要把图片水平居中,这时只要在父容器里添加text-align:centre;即可!
图片等比缩放且图片底部对齐,这个时候还要水平居中的话,暂时能想到的是使用table!
相关文章
- 用CSS实现各种图片滤镜效果演示 12-26
- CSS 阴影效果(无需图片即可实现) 02-08
- CSS去掉图片img边框及如何防止图片撑破DIV 01-05
- CSS Sprites图片不清晰的问题(2倍的 CSS Sprites 如何缩放) 12-16
- css中input标签与图片按钮对不齐解决方法 06-10
- css实现圆角三角形例子(无图片) 03-26