我在将我的 div 居中时遇到了一个大问题:http://www.divisionforty.com/wall/artists/我终其一生都无法将方框置于屏幕中央。我试过 margin: 0 auto;但出于某种原因,我无法让它工作。
如有任何帮助,我们将不胜感激,
HTML
<div class="row">
<div class="work">
<div class="span12">
<figure >
<a href="http://www.divisionforty.com/wall/artists/cali-balles/">
<img width="200" height="200" src="http://www.divisionforty.com/wall/wp-content/uploads/2012/12/Cali-Balles-05b-250x250.jpg" class="attachment-artists wp-post-image" alt="Cali Balles, Branch Series [detail] Blown Glass 2010" />
<dd>
Balles, Cali
</dd>
</a>
</figure>
CSS
/*Artists*/
.work {
}
.work figure {
float: left;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
width:250px;
height: 250px;
line-height: 200px;
-webkit-filter: sepia(0.4);
position: relative;
padding: 0 !important;
transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
-ms-transition: 0.6s;
}
最佳答案
您需要 span12
div 上的 margin:0 auto;
样式,但是由于 bootstrap 将 float:left
设置为它们
span* 类,您需要将其重置为不 float
.work .span12 {
float:initial;
margin:0 auto;
}
float:initial
将 float 重置为默认值
这将使 div 在 work
div 中居中
关于css - 图像中心网格响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18972566/