tnblog
首页
登录

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

65人阅读 2019/7/30 14:43 评论: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;
 }


评价
很多事不是看到了希望才去努力,而是努力了才能看到希望
文章
6
粉丝
16
评论
8
分类
16
{{item.ArticleTitle}}
{{item.BlogName}} : {{item.Content}}