设为首页
收藏本站
开启辅助访问
切换到宽版
登录
立即注册
快捷导航
发布信息
搜索
搜索
网站首页
自丢网
社区论坛
自丢网论坛
附件中心
源码下载
邀请码
丢币充值
帖子
搜索附件
搜索附件
自丢网
›
附件中心
›
建站程序/IT教程
›
Css/Css3教程
›
1536982634757.png
板块导航
+
模板下载
+
建站程序/IT教程
·
源码下载
·
修罗xiuno教程
·
Discuz教程
·
zzz资源/教程
·
织梦教程
·
服务器教程
·
数据库教程
·
Html/Html5教程
·
JavaScript教程
·
Css/Css3教程
·
建站/web前端教程
·
PHP教程
·
其他编程教程
·
小程序app教程
·
PPT模板/素材
·
Word简历模板/素材
·
Excel模板/素材
·
素材中心
·
百科知识
+
综合教程资源
热门下载
左侧广告
版权所有:自丢网
For 2020-2050 ©
zidiu.com
1536982634757.png
打开方式:
资料大小: 10.56 KB
下载次数: 212
上传会员:
admin
上传时间: 2020-07-23
本站网址:
www.zidiu.com
查看附件所在的主题
下载附件
复制链接推荐给好友
点击附件下载:下载附件
css如何让一个张图片在盒子中水平垂直居中代码样式:
css如何让一个张图片在盒子中水平垂直居中代码样式,
网站建设
中经常会使用到图片在盒子居中,下面我们看下如何实现这个功能。
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
.box{
width:300px;
height:300px;
border:1px solid #000;
text-align:center;/* 水平居中 */
line-height:300px;
}
img{
vertical-align:middle; /* 垂直居中 */
}
</style>
</head>
<body>
<div class="box">
<img src="3.jpg" width="100" height="100" />
</div>
</body>
复制代码