Bootstrap“class = text-center”与CSS“text-align:center”

时间:2018-05-29 19:21:02

标签: css html5 bootstrap-4

我们可能会停止使用Bootstrap框架,所以我想知道用vanilla CSS替换ids.csv是否会改变任何东西。

之间的行为是否有任何差异
-delete

class="text-center"

3 个答案:

答案 0 :(得分:1)

当然,请注意p选择器会将该样式应用于页面中每个 <p>标记。如果这是一种风格,你绝对希望每个<p>拥有,那么你就可以使用它。如果你只想让他们中的一些拥有这种风格,那就坚持下去。旁注,您可以使用以下语法仅定位<p class="text-center">的元素,而不会影响具有相同类的其他标记。

p.text-center {
    text-align:center
}

注意:为了澄清一些事情,这是基本的CCS功能,完全独立于bootstrap。无论您是否使用它,都可以这样做。

答案 1 :(得分:1)

OP的问题在首次发布后似乎已被编辑。它本质上是在问:除 class MyTuple: def __init__(self, values): self.values = values def __eq__(self, other): return self.values[0] == other[0] 外,Bootstrap是否对类.text-center的元素进行了额外的操作。我也有这个疑问,答案是否定的。我认为仅查看Bootstrap的源代码就可以更好地回答这个问题:

text-align: center;

显然,Bootstrap所做的只是将一个CSS规则:.text-center { text-align: center !important; } 应用于这样的元素。因此,可以认为它们是等效的。

答案 2 :(得分:0)

如其他答案中所述,代码或功能的行为方面没有附加值,因此我不会解决该问题,但是,我认为这是使代码易于理解的问题。其他开发人员。

只需找到“文本中心”类即可证明tag元素发生的行为是合理的,而无需深入研究CSS类以了解它,并使修改该类的访问权限对其他开发人员(在开发人员已经在他的文本编辑器VS上使用devTools打开了HTML页面,以找出引起不良效果的相关类和/或CSS文件,导航到该文件并应用必要的功能),并且我相信它可以提供更好的语义代码