Bootstrap下使用css控制图片垂直居中

Time:2020/7/30  keywords:图片垂直居中

使用css控制Bootstrap框架中的 响应式图片(class="img-responsive"),上下居中控制方法:


css:

#cimg{width:100%;height:100%;display: flex;align-items: center;}


html:

<div class="cimg"><img src="https://www.tom86.com/file/6287942a569acf184e9968e278910da3.png" 
class="img-responsive" alt="图片上下居中">