设为首页收藏本站
开启辅助访问 切换到窄版
搜索
第一问答网»论坛 › 中问网 › 问答 › CSS如何实现让图片垂直居中

CSS如何实现让图片垂直居中

[复制链接]
查看11 | 回复1 | 2013-1-7 13:33:23 | 显示全部楼层 |阅读模式
在一个容器里再定义一个绝对定位的p容器，再在p容器里放需要垂直居中的图片，图片定义相对定位的CSS。直接上CSS代码：#pic{width:300px;height:300px;background-color:green;border:6pxsolid#ccc;text-align:center;position:relative;display:table-cell;vertical-align:middle;}#picp{*position:absolute;top:50%;left:50%;}#picpimg{*position:relative;top:-50%;left:-50%;}#pic是容器，里面放一个p容器，该容器采...
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

千问

主题

0

回帖

4882万

积分

论坛元老

Rank: 8Rank: 8

积分
48824836
回复楼主 返回列表
热门排行