文档章节

css 图片居中 完美版

林伟琨
 林伟琨
发布于 2016/10/20 08:41
字数 64
阅读 25
收藏 1

外层div

	position: relative;
	width: 400px;
	height: 400px;
	overflow: hidden;
	/* vertical-align: middle; */
	text-align: center;
	background-color: #f6f6f6;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center;

内层 img

max-width: 400px;
  max-height: 400px;
  margin: 0 auto;
  text-align: center;

参考我改的页面: http://www.jcbzw315.com/product/2804.html

© 著作权归作者所有

林伟琨
粉丝 8
博文 108
码字总数 39035
作品 0
厦门
后端工程师
私信 提问
css实现水平居中和垂直居中及其浏览器兼容性

不管是在网站的布局还是显示图片,需要水平居中和垂直居中的情况是很常见的。今天我们就开始对css的水平居中和垂直居中的一些常见方法在各种浏览器下进行测试和归纳。 浏览器说明:本文涉及到...

黄梦巍
2013/08/08
697
0
文字和图片居中的HTML代码怎么写?

HTML 代码 ,怎么将文本/ 图片居中?这是在W3Cschool的编程问答中前端蕾儿提出的问题。网友施主同西否给出了详细的解答。 html文字居中和html图片居中方法代码,通过在html中实现文字居中图片...

inw3cschool
2017/05/04
0
0
聊聊css水平垂直居中那些事

1、绝对定位居中(Absolute Centering)技术 我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS: .dem...

ITer在路上
2015/10/10
89
0
markdow-文档中图片居中

方法1,使用标签 语法: 将你希望居中的内容包含即可。 注:在 HTML 5 中,不支持该标签。请使用 CSS 代替。 方法2,使用div标签 语法: 将你希望居中的内容包含即可。 方法3,添加自定义css...

BjarneCpp
2017/08/14
0
0
小结一下前端html+css的经验(一)

1、不要使用过小的图片做背景平铺,这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。 2、无边框,推荐的写...

Rella蕾拉
2012/03/15
1K
12

没有更多内容

加载失败,请刷新页面

加载更多

SpringBoot中 集成 redisTemplate 对 Redis 的操作(二)

SpringBoot中 集成 redisTemplate 对 Redis 的操作(二) List 类型的操作 1、 向列表左侧添加数据 Long leftPush = redisTemplate.opsForList().leftPush("name", name); 2、 向列表右......

TcWong
今天
7
0
排序––快速排序(二)

根据排序––快速排序(一)的描述,现准备写一个快速排序的主体框架: 1、首先需要设置一个枢轴元素即setPivot(int i); 2、然后需要与枢轴元素进行比较即int comparePivot(int j); 3、最后...

FAT_mt
昨天
4
0
mysql概览

学习知识,首先要有一个总体的认识。以下为mysql概览 1-架构图 2-Detail csdn |简书 | 头条 | SegmentFault 思否 | 掘金 | 开源中国 |

程序员深夜写bug
昨天
10
0
golang微服务框架go-micro 入门笔记2.2 micro工具之微应用利器micro web

micro web micro 功能非常强大,本文将详细阐述micro web 命令行的功能 阅读本文前你可能需要进行如下知识储备 golang分布式微服务框架go-micro 入门笔记1:搭建go-micro环境, golang微服务框架...

非正式解决方案
昨天
9
0
前端——使用base64编码在页面嵌入图片

因为页面中插入一个图片都要写明图片的路径——相对路径或者绝对路径。而除了具体的网站图片的图片地址,如果是在自己电脑文件夹里的图片,当我们的HTML文件在别人电脑上打开的时候图片则由于...

被毒打的程序猿
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部