[此文来源于互联网,牛C网只负责收集整理]
网页制作,用CSS实现图片垂直居中方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style type="text/css">
<!--
body {
margin:0;padding:0
}
div {
width:500px;
height:500px;
line-height:500px;
border:1px solid #ccc;
overflow:hidden;
position:relative;
text-align:center;
margin:auto
}
div p {
position:static;
position:absolute;
top:50%
}
img {
position:static;
position:relative;
top:-50%;left:-50%;
width:276px;
height:110px;
vertical-align:middle
}
p:after {
content:".";font-size:1px;
visibility:hidden
}
-->
</style>
<div><p><img src=" http://www.webjx.com/images/logo.gif"/></p></div>
作者:gdgzboy@牛C网
地址:http://www.niuc.net/post/3569/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!
牛C网推荐您再看看以下日志:
推荐几组漂亮的按纽CSS(名字自己定义)
在CSS中关于字体处理效果的思考
初学-网页制作是先写HTML还是先写CSS?
web标准基础知识
CSS JS实现的选项卡效果(html组件)
网页设计-用网页技术CSS实现网页背景渐变
如何学习DIV CSS制作网页
超强,用CSS构建iframe效果
CSS控制 如何让12px以下的文字正常显示
web标准化-闭合浮动元素超级简单的方法
推荐几组漂亮的按纽CSS(名字自己定义)
在CSS中关于字体处理效果的思考
初学-网页制作是先写HTML还是先写CSS?
web标准基础知识
CSS JS实现的选项卡效果(html组件)
网页设计-用网页技术CSS实现网页背景渐变
如何学习DIV CSS制作网页
超强,用CSS构建iframe效果
CSS控制 如何让12px以下的文字正常显示
web标准化-闭合浮动元素超级简单的方法
用JS的方法使用列表LI制作的隔行换色
网页制作技术CSS之DIV长度相等的几个办法





