故如虹,知恩;故如月,知明
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术

图片在一个div内容水平与垂直居中

5151人阅读 2019/7/30 14:43 总访问:3839021 评论:0 收藏:0 手机
分类: 前端


图片宽度与高度设置成80%,然后设置margin-top:10%,margin-left:10%

就可以了感觉应该没有这么简单哇,不过反正就是可以了,记录一下,写样式的能力太差了


html:

<div class="layui-col-md2">
  <div class="imgdiv">
     <img src="http://image.tnblog.net/yuanqu/yuanqu_2.jpg" style="width: 100%; height: 100%" />
  </div>
</div>

样式:

.imgdiv img
 {
    width: 80%;
    height: 80%;
    margin-left: 10%;
    margin-top: 10%;
    cursor: pointer;
 }


欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价