绝对中心（垂直及水平）的图像代码,Css代码库,德仔网

代码语言

代码分类

【Css】绝对中心（垂直及水平）的图像

作者:Duncan / 发布于2014/11/18/ 632


	/* CSS background-image Technique: */

	html {
	 width:100%;
	 height:100%;
	 background:url(logo.png) center center no-repeat;
	}

	/* CSS + Inline Image Technique: */

	img {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width: 500px;
	 height: 500px;
	 margin-top: -250px; /* Half the height */
	 margin-left: -250px; /* Half the width */
	}

	/* Table technique: */

	html, body, #wrapper {
	 height:100%;
	 width: 100%;
	 margin: 0;
	 padding: 0;
	 border: 0;
	}
	#wrapper td {
	 vertical-align: middle;
	 text-align: center;
	}

	/* HTML */

	<html>
	<body>
	 <table id="wrapper">
	 <tr>
	 <td><img src="logo.png" alt="" /></td>
	 </tr>
	 </table>
	</body>
	</html>

试试其它关键字

　绝对中心　

同语言下

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

可能有用的

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

Duncan贡献的其它代码(49)

.设置HTTP 下载图片
.计算一个目录的大小
.浮云效果
.随机生成信用卡卡号
.重命名数据库
.通过文件流读取一个已存在的文件
.CLI 把16进制字符串转换成数字存到数组
.显示中文日期
.在标题栏上显示当前日期
.创建一个返回上一页的按钮