我使用bootstrap来创建一个具有class =" text-center"的div。我如何制作一个生活在div内的p标签没有类文本中心? 代码:
<div id="div1" class="container-fluid bg-1 text-center">
<h3><a id="what" class="margin">What Am I?</h3></a>
<img src="(img url)" class="img-responsive img-circle margin"
style="display:inline" alt="Me" width="350" height="650">
<h3 >I'm A Young Freelancer.</h3>
</div>
答案 0 :(得分:0)
交配,运用这个概念:
仅在文本块上使用文本中心类。 通过结构块上的宽度继承设置一个以水平为中心的块。
HTML
hipchat server: …, message: …, credentialsId: usernamePassword(username: 'bob', password: 'abc/def+GHI0123=')
CSS
<div class="container">
<div class="block-center"><p class="centered">HI</p> </div>
</div>
要使文本居中(水平),请使用text-align:center; 要使块居中(水平),请使用margin:0 auto;
我建议您查看this
答案 1 :(得分:0)
首先,将此<h3><a id="what" class="margin">What Am I?</h3></a>
修正为<h3><a id="what" class="margin">What Am I?</a></h3>
。
其次,你应该改变你的观念。 #div1
H3
中唯一不属IMG
的孩子就是您的H3
。您不希望将text-center
与.text-center
对齐,但想要调整图片,对吗?那么你就不应该在#div1
上使用.center-block
,也许直接在img
上使用#div1
来解决你的问题。
如果那不是你的情况(并且你的H3
还有其他孩子)那么你应该在你的CSS上做例外。由于您的center
没有说明文字对齐的内容,因此它会获得父属性(在本例中为#div1 > h3 {
text-align: justify; /* or whatever you want to */
}
)。如果您只针对您的案例制定特定规则,那么问题就结束了。
Django form