在我的页面中我有<div class="container">
它必须<div>
,其中一个有图像,另一个有标签,我想设置容器的图像中心但我不知道它是怎么回事工作
这是我的代码:
<div style="margin: 30px auto;">
<div class="container" style="margin: 0px auto;">
<div class="profile-image" style="margin: 50px auto;">
<img src="images/pro.png" class="img-responsive"/>
</div>
<div class="w470px exam" style="margin: 30px auto;">
<div class="panel panel-default">
<div class="panel-body">
<ul id="myTab" class="nav nav-tabs nav-justified">
<li class="active"><a href="#tab-home" data-value="#home" data-toggle="tab">Home</a></li>
<li><a href="#tab-fav" data-value="#fav" data-toggle="tab">Favorites</a></li>
<li><a href="#tab-fr" data-value="#fr" data-toggle="tab">Friends</a></li>
<li><a href="#tab-ex" data-value="#ex" data-toggle="tab">Experience</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="tab-home" style="margin: 10px;">
My Home
</div>
<div class="tab-pane fade" id="tab-fav" style="margin: 10px;">
My Favorites
</div>
<div class="tab-pane fade" id="tab-fr" style="margin: 10px;">
My Friends </div>
<div class="tab-pane fade" id="tab-ex" style="margin: 10px;">
My Experience
</div>
</div>
</div>
</div>
</div>
</div>
</div>
在jsfiddle所有的东西都没问题,但在我的页面图像中没有中心。
我该如何解决?
答案 0 :(得分:0)
更改
<div class="profile-image" style="margin: 50px auto;">
至:
<div class="profile-image" style="margin:0 auto;">
.profile-image{
text-align:center;
}