如何在div中创建一个具有特定类的元素

时间:2017-04-09 14:30:28

标签: html css twitter-bootstrap

我使用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>

2 个答案:

答案 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