私はPSDとしてラップを中心にしたいと思っていますが、私はおそらく2000px以上の大きな画面でそれを見たいと思っています。 margin: 0 auto, margin: 0 auto 0 auto;
で試しましたが、この問題を解決する方法はありませんでしたか?これは私がこれまでに得たものです。どのようにPSDとしてラップをセンターすることができますか?
HTML
<div class="feacture_wrap">
<table>
<tr>
<td>
<div class="square">
<img src="img/check.png" alt="">
<div class="container_text">
<h2>Lorem ipsum dolor sit amet consectetuer adipiscing elit.</h2>
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula <span>eget dolor Aenean massas</span></p>
</div>
</div>
</td>
<td>
<div class="square">
<img src="img/check.png" alt="">
<div class="container_text">
<h2>Lorem ipsum dolor sit amet consectetuer adipiscing elit.</h2>
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula <span>eget dolor Aenean massas</span></p>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="square">
<img src="img/check.png" alt="">
<div class="container_text">
<h2>Lorem ipsum dolor sit amet consectetuer adipiscing elit.</h2>
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula <span>eget dolor Aenean massas</span></p>
</div>
</div>
</td>
<td>
<div class="square">
<img src="img/check.png" alt="">
<div class="container_text">
<h2>Lorem ipsum dolor sit amet consectetuer adipiscing elit.</h2>
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit. Aenean commodo ligula <span>eget dolor Aenean massas</span></p>
</div>
</div>
</td>
</tr>
</table>
</div>
CSS
.wrapper,
.blog_wrap,
.feacture_wrap,
.display_wrap
.wrap_porcentaje{
display: table;
width: 100%;
table-layout: fixed;
border-spacing: 10px;
}
.feacture_wrap{
display:inline-block;
float:left;
color:#fff;
font-size:40px;
}
.square {
width: 600px;
height: 100px;
display: inline-block;
}
.square img {
width: 10%;
}
.container_text {
position: absolute;
font-size: 10px;
margin-top: -50px;
margin-left: 350px;
}
.container_text h2{
font-family: 'Montserrat Black';
color: #505a78;
}
.container_text p{
font-size: 1em;
}
レイアウトにテーブルを使用しないでください。表形式データ用の表を使用します。レイアウトにはCSSを使用します。 – j08691