- ·上一篇文章:divcss布局及Web标准对网站优化和SEO方面的益处
- ·下一篇文章:CSS网页布局避免滥用DIV元素
当前位置:K88软件开发 → 文章中心 → 编程语言 → Css/Css3 → Css/Css301 → 文章内容
CSS图片垂直居中方法
<
style type=text/css>
.miao
{
 
width:500px
 
height:220px
 
line-height:220px
 
border: 1px solid
 
text-align: center
}
.miao img
{
 
vertical-align: middle
}
<
/style>
 
<
h1>
固定高宽的容器中,图片垂直局中。<
/h1>
<
p>
使用的绝对定位和相对定位的方法<
/p>
<
hr />
<
div class=miao>
<
span>
<
img alt=Google src=http://www.google.cn/intl/zh-CN/images/logo_cn.gif />
<
/span>
你知道的太多了 <
/div>
style type=text/css>
.miao
{
 
width:500px
 
height:220px
 
line-height:220px
 
border: 1px solid
 
text-align: center
}
.miao img
{
 
vertical-align: middle
}
<
/style>
 
<
h1>
固定高宽的容器中,图片垂直局中。<
/h1>
<
p>
使用的绝对定位和相对定位的方法<
/p>
<
hr />
<
div class=miao>
<
span>
<
img alt=Google src=http://www.google.cn/intl/zh-CN/images/logo_cn.gif />
<
/span>
你知道的太多了 <
/div>
CSS图片垂直居中方法