兼容各种浏览器的水平和垂直居中代码,Css代码库,德仔网

代码语言

代码分类

【Css】兼容各种浏览器的水平和垂直居中

作者:Robin / 发布于2014/11/5/ 852

兼容各种浏览器的水平和垂直居中的CSS代码，这段代码可以用于宽度和高度不固定的div


	<figure class='logo'>
	 <span></span>
	 <img class='photo'/>
	</figure>
	.logo {
	 display: block;
	 text-align: center;
	 display: block;
	 text-align: center;
	 vertical-align: middle;
	 border: 4px solid #dddddd;
	 padding: 4px;
	 height: 74px;
	 width: 74px; }
	 .logo * {
	 display: inline-block;
	 height: 100%;
	 vertical-align: middle; }
	 .logo .photo {
	 height: auto;
	 width: auto;
	 max-width: 100%;
	 max-height: 100%; }

试试其它关键字

　垂直居中　　水平居中　　居中　

同语言下

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

可能有用的

.C#实现的html内容截取
.List 切割成几份工具类
.SQL查询多列合并成一行用逗号隔开
.一行一行读取txt的内容
.C#动态修改文件夹名称(FSO实现，不移动文件)
.c# 移动文件或文件夹
.c#图片添加水印
.Java PDF转换成图片并输出给前台展示
.网站后台修改图片尺寸代码
.处理大图片在缩略图时的展示

Robin贡献的其它代码(16)

.常用的clearfix定义
.标签pre的css代码，防止代码pre中代码过长
.首个文字下沉
.省略号实现
.按行截取文本的样式
.自动检测移动设备浏览器并自适应宽度
.垂直对齐表单里的多行label
.对长文本进行自动换行
.兼容各种浏览器的水平和垂直居中
.在不同方向上重复背景填充