我正在使用引导框架并尝试使图像水平居中但没有成功。
我尝试过各种技术,例如将 12 个网格系统分成 3 个相等的块,例如
<div class="container">
<div class="row">
<div class="span4"></div>
<div class="span4"><img src="logo.png" /></div>
<div class="span4"></div>
</div>
</div>
使图像相对于页面居中的最简单方法是什么?
Twitter Bootstrap v3.0.3 有一个类:center-block
中心内容块
设置要显示的元素:通过边距进行块和居中。可作为 mixin 和类使用。
只需要添加一个类.center-block
in the img
标签,看起来像这样
<div class="container">
<div class="row">
<div class="span4"></div>
<div class="span4"><img class="center-block" src="logo.png" /></div>
<div class="span4"></div>
</div>
</div>
在 Bootstrap 中已经有 css 样式调用 .center-block
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
您可以看到一个示例here
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)