图片垂直居中效果

时间:2012-06-12    点击:1438   
display:inline-block和文字大小控制居中
a{display:inline-block; width:1.2em; font-size:128px; text-align:center; vertical-align:middle;}
img{vertical-align:middle;}

display:table-cell和文字大小控制居中
div {display:table-cell;width:144px; height:144px; font-size:118px; border:1px solid #beceeb; text-align:center; vertical-align:middle;}/*这里的大小是根据高宽上限128像素图片设置的*/
img{vertical-align:middle;}

透明图片拉伸对齐实现垂直居中显示

       

  •        
           
       


.zxx_align_box_6 li{height:128px; width:150px; padding:13px 0; float:left; margin-right:10px; border:1px solid #beceeb; text-align:center; font-size:0;} .zxx_align_box_6 li .alpha_img{height:100%; width:1px; vertical-align:middle;} .zxx_align_box_6 li .show_img{vertical-align:middle;}<br />
鼠标移动图片左右连续不断滚动
关于Baidu spider抓取失败对流量的影响
浅谈网站优化中网站被降权的致命原因
弹出DIV,点击其它区域让DIV关闭
弹出层,点击其它关闭层
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 All Rights Reserved