对齐文本中心和垂直

Question

在bootstrap中，如果我使用类text-center，我会得到类似

的内容

                              aaaaaaaa
                            aaaaaaaaaaaa
                               aaaaaa

如果我使用text-left，我会

aaaaaaaa
aaaaaaaaaaaa
aaaaaa

但如果我想要以下内容

                            aaaaaaaa
                            aaaaaaaaaaaa
                            aaaaaa

我不确定这究竟是什么，我怎么能实现它，任何想法？

Answer 1

您应该使用Bootstrap的内置网格系统：

<强> HTML：

<div class="col-lg-6 col-lg-offset-3 text-left">
    <p>aaaaaaa</p>
    <p>aaa</p>
    <p>aaaaaaaaaaa</p>
</div>

这会使块居中，同时保持文本向左冲洗到不可见的边距。基本规则是为您的班级使用col-lg-X和col-lg-offset-X/2;这将确保div居中。您需要手动（或以编程方式）键入X。使用我输入的内容显然不会起作用。