<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>win_center</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style type="text/css">
html,body{width:100%;height:100%;padding:0;margin:0;overflow:auto;}
.wrap{
height:100%;
text-align:center;
}
.container {
width:200px;
border:0px solid #ccc;
text-align:left;
display:inline-block;
vertical-align:middle;
}
.edge {
width:1px;
*width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
</style>
</head>
<body>
<div class="wrap">
<span class="edge"></span>
<span class="container">
<img src="/infobidding/img/win_center.jpg" width="550" height="330" border="0">
</span>
</div>
</body>
</html>
分享到:
相关推荐
css:可以令层中层上下左右居中。(即:div之中的div的文本,上下左右居中显示)
它可以判断外部div以及内部div的宽度高度,从而实现上下左右居中的目的,兼容主要浏览器 使用方法简单: 1、确保head中引入jquery库以及本例的css样式 2、将代码部分拷贝到你需要的地方 3、在代码...
有兴趣刚需的可以自己下载,非常实用的代码,可以完美运行,有能力的还可以二次修改!
div 图片上下居中,左右居中 ,兼容多版本浏览器
DIV+CSS上下左右绝对居中
实现div居中的方法有很多,本例介绍的使用css中position:fixed来实现div的上下左右居中,下面以一个DIV 元素在浏览器窗口居中为例
实现div居中的方法多如牛毛,本例为大家介绍的这个方法是使用css中position:fixed来实现div上下左右居中,这个小技巧比较使用,大家看看
html div 自适应剧中 上下左右全部居中
相关链接如下:纯css实现div容器内图片上下左右居中效果 今天再给大家介绍一个部分基于css3的上下左右垂直居中效果 大家都知道给一个div设置相对定位,左侧、顶部的高度分别设置50% 剩下的靠margin解决...
一款不需要任何JS即可控制图片上下左右居中的效果 以前以为必须要JS才能控制图片上下居中的,现在才发现原来css也有这个本事 一半只有table,默认图片才会上下居中,现在只需要加几行css即可实现,高级。使用方法...
resizepic 根据图片的实际比例适用外层div的大小,或左右居中显示 或上下居中显示。 完美解决图片缓存后不执行onload事件的情形。兼容 ie ff 谷歌
复制代码代码如下: div { position:absolute; width:500px; height:260px; top:50%; left:50%; margin-left:-250px; height:-130px; z-index:1000; } 文字居中:text-align:center; height:22px;line-height:22px;...
让Div层上下左右都居中的方法! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
上下左右都居中的CSS+html写法,position:absolute;top:50%;margin-top:-50px;left:50%;margin-left:-50px;
此前给大家推荐了一个纯css实现div容器内图片、文字上下居中的效果,缺点是采用了部分css3样式,兼容性较差,相关链接:纯css实现div容器内图片上下左右居中效果 今天特意在网上找到了一款插件--jquery.valign,可...
DIV容器内设置 text-align:center 即可让图片居中,但是DIV内默认的图片是上对齐,不会上下居中,如果想要实现这样的效果,JS判断是比较麻烦的,因为DIV容器内的图片高度是不一定的,那么只有用table了,我想大多数...
最近在面试,不停地收到了知识冲击,尤其是对于一些基础的css、html、js问题居多,所以自我也在做反思,今天就css问题,如何让一个子元素div块元素上下左右...
让图片在div容器里上下左右居中,在实际应用中是很常见的,下面为大家演示个示例,希望对大家有所帮助