如何在不使用text-align：center的情况下居中内容

Question

如何在不使用text-align：center;的情况下居中内容？我的代码如下：下面的代码不是内容的中心。谢谢你的时间。

<div class="feat_wrapper">
<div class="product_image">
<img src="landing_product.png" alt="sweater">   
</div>

<div class="content">
CITY SCAPE <br>SHIRTS   
</div>
</div>


.feat_wrapper{

margin-left:auto;
margin-right: auto;


}

Answer 1

.feat_wrapper{
width:20%;
margin:0 auto;

}

<div class="feat_wrapper">
<div class="product_image">
<img src="landing_product.png" alt="sweater">   
</div>

<div class="content">
CITY SCAPE <br>SHIRTS   
</div>
</div>

（只有变化在css中）

我假设你的意思是水平居中，但如果你的意思也垂直，请发表评论，我也会提供帮助。

Answer 2

你应该添加div的width元素 例如：

.feat_wrapper{
  width:600px;
  margin-left:auto;
  margin-right: auto;

}