首页
行业
前端
特效
人生
知识库
站内搜索：
首页
>>
前端
>> 内容
css支持标准的图片垂直居中
时间：2008/8/9 20:45:53
<!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 title="css支持标准的图片垂直居中" alt="css支持标准的图片垂直居中" src="/UploadFiles/201807/20180717112357648.gif"/ onload="javascript:DrawImage(this,310)"></p></div>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
上一篇：
css+table 1px边框单元格
下一篇：
firefox css自动换行的实现方法
用户评论
已有
0
人评论
阅读更多评论
相关文章
·
CSS2018：突破边界思维 安全是所有0前面的1 _科技_环球网
·
css中position:absolute和relative的知识点
·
CSS之水平垂直居中布局的五种方法介绍
·
CSS照片墙代码实现教程
·
CSS 控制<table>内容超出表格长度后自动隐藏教程
·
CSS文本，锚伪类选择器以及盒子模型（代码实例）
·
less在webstorm中的配置教程
·
CSSWord的文档结构视图功能实现教程
·
CSS键盘翻页功能实现教程
·
CSS浮动元素与清除浮动的理解
返回顶部
