讓一個圖片在div中置中（兩種方法），div置中

讓一個圖片在div中置中（兩種方法），div置中

第一種方法：

<div class="title">        <div class="flag"></div>        <div class="content">            <img src="img_p1_title.png">        </div>    </div>    

.title {   width: 100%;    font-size: 0;      height: 10%;}.title .content img {    width: 35%;}/*--主要的--*/.content{    display: inline-block;    vertical-align: middle;  }.flag{    display: inline-block;    vertical-align: middle;    height: 100%;    width: 0;  }    

第二種方法：

<div class="title">      <img src="img_p1_title.png"></div>

.title {  display: flex;  justify-content: center;  align-items: center;  }.title img {  width: 35%;}

***:紅色部分就是主要代碼