CSS样式表中让图片垂直居中

作者:未知  来源:网络  【打印此文】【
在一个容器里再定义一个绝对定位的p容器,再在p容器里放需要垂直居中的图片,图片定义相对定位的CSS。

    直接上CSS代码: 

#pic {
    width:300px;
    height:300px;
    background-color:green;
    border:6px solid #ccc;
    text-align:center;
    position:relative;
    display:table-cell;
    vertical-align:middle;
}
#pic p {
    *position:absolute;
    top:50%;
    left:50%;
}
#pic p img {
    *position:relative;
    top:-50%;
    left:-50%;
}

    #pic是容器,里面放一个p容器,该容器采用绝对定位,最后插入图片,图片采用相对定位。

    这里用到了一个hack,*只有IE浏览器可以识别,Firefox不认识。




久尚整理     更多关于CSS样式表中让图片垂直居中 的文章

{$Title}
  • 上一篇文章:
  • 下一篇文章: 没有了
  • 搜索:

    QQ空间最新不被封

    发送离线图片不受

    弹出窗口 恶意插件

    CSS样式表制作文字

    不安装和修改文件