网页制作,用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=" /edu/UploadFiles_edu/200708/20070805222749463.gif"/></p></div>
Photoshop教程变照片为卡通漫画[05-18]
Photoshop超酷海报效果[05-18]
photoshop鼠绘美女[04-23]
超简单ps蕾丝边框教程[05-21]
照片处理 Photoshop修饰漂亮美女[07-02]
用photoshop制作羽毛扇[04-07]
Photoshop教程Photoshop蒙板全攻[05-28]
字母标志设计[08-30]
Photoshop通道法为漂亮MM抠图实例[08-24]
Photoshop相片处理实例 芙蓉姐姐[08-24]
照片处理 Photoshop简单制作照片[07-23]
Photoshop打造Sinsuo!非主流效果[07-23]
Photoshop制作非主流可爱羞红脸蛋[07-23]
Photoshop打造“非主流”颓废照片[07-23]
Photoshop把非主流美女的眼睫毛变[07-23]
照片处理 Photoshop制作逼真的影[07-20]