让图片在div里居中（三种方法） |
您所在的位置：网站首页 › canvas图片居中 › 让图片在div里居中（三种方法） |
让图片在div里居中（三种方法）
|
问题
当我们将一张 img 放在 一个 div 里的时候，具有超高审美的我们，硬是要将 img 居中于 div。所以，产什么以下解决方法。 解决方法布局文件代码 
第一种方法： .content{ width:340px; height:40px; display: flex; justify-content: center; align-items: center; }第二种方法： .content{ width:340px; height:40px; vertical-align: middle; display: table-cell; text-align: center; }第三种方法 .content{ width:340px; height:40px; position: relative; } .content img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 注意如果你的布局没居中，请检查： 外层 div 给了 宽高吗？如果你用的第三种方法，是否符合“子绝父相”原理？ 以上两种都没问题，那您就按F12检查吧！！！ |
【本文地址】