将任何屏幕尺寸的文本居中答案

【问题标题】：Centering text any screen size将任何屏幕尺寸的文本居中
【发布时间】：2014-10-20 18:55:56
【问题描述】：

有人可以帮助我使用 javascript 或 css 将文本居中吗？我正在使用引导程序。

这是我的html代码

<header id="home">
    <div class="container">
      <div class="row banner" style="margin-top: 0px;">
        <div class="banner-text">
          <h1 class="responsive-headline wow zoomIn animated" style="font-size: 72px; visibility: visible; animation-name: zoomIn;">I'm <span>Alyssa Reyes</span></h1>
          <h3 class="wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">I'm a passionate <span>Web Designer</span> and <span>Developer</span> creating modern and responsive design for <span>Web</span> and <span>Mobile</span>. <br> Let's start and learn more <a href="#about" class="smoothscroll">about me</a>.</h3>
          <hr>
        </div>
      </div>
    </div>
</header>

谢谢

【问题讨论】：

图片没什么好说的，提供你的代码
我对 Bootstrap 了解不多，但是在这个上用谷歌就行了。 “居中文本垂直 css”，看到了吗？有很多方法可以做到这一点。许多重复之一：stackoverflow.com/questions/8865458/…
向我们展示您的 HTML 标记和 CSS 代码，我们将能够为您提供帮助。 :)
text-align: center;?
我的问题已经判断并投反对票，我不知道为什么，所以我改变了图像让你们理解

标签： css twitter-bootstrap

【解决方案1】：

你可以使用 text-align 属性

 <h1>Alyssa Reyes</h1>


 css

 h1{
    text-align:center;
   }

Demo of your page

如果你想垂直居中，你可以使用

 .banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }

demo

【讨论】：

我认为OP是指实现垂直居中。从截图来看，已经明显实现了水平居中。
我以为 alyssa 想要像屏幕截图中那样对齐文本
对于引导程序中的水平对齐，您还可以使用 text-center 类。