Toggle navigation
首页
热门资讯
资源下载
技术博客
会员
中心
会员中心
发布资讯
发布博文
发布资源
首页
文章中心
CSS/CSS3
css支持标准的图片垂直居中
262 阅读
0 评论
173 点赞
我是
靠谱客
的博主
会撒娇汽车
,这篇文章主要介绍
css支持标准的图片垂直居中
,现在分享给大家,希望可以做个参考。
<!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 src="http://www.google.com/intl/en/images/logo.gif"/></p></div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
最后
以上就是
会撒娇汽车
最近收集整理的关于
css支持标准的图片垂直居中
的全部内容,更多相关
css支持标准
内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(
173
)
微信扫一扫:分享
微信里点“发现”,扫一下
二维码便可将本文分享至朋友圈。
本文分类:
CSS/CSS3
浏览次数:
262
次浏览
发布日期:2022-04-25 23:14:01
本文链接:
https://www.kaopuke.com/article/k-p-k_14_u_7_ogfx_12__23__2_y.html
相关文章
Photoshop使用渲染工具将风景图片增加大气的霞光色
javascript实现动态标签云
SQLServer 数据库中如何保持数据一致性
php基本函数汇总
css支持标准的图片垂直居中
Win10笔记本电量图标不见了怎么办?Win10笔记本电量图标
jquery右下角弹出提示框示例代码
千元intel商务办公电脑配置清单及价格介绍
评论列表
共有
0
条评论
发表评论
取消回复
登录
注册新账号
立即
投稿
微信扫一扫:分享
微信里点“发现”,扫一下
二维码便可将本文分享至朋友圈。
返回
顶部
发表评论 取消回复