圍繞任何屏幕大小的文本

-4

有人可以幫助我使用JavaScript或在CSS中心我的文本？我在這上面使用bootstrap。圍繞任何屏幕大小的文本

這是我的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>

感謝

enter image description here

來源

2014-10-20 Alyssa Reyes

隨着圖像沒有太多可以說，提供您的代碼 – laaposto 2014-10-20 09:43:39

我不知道很多關於引導，但只使用谷歌在這一個。「中心文字垂直CSS」，看？如何實現的方法有很多。許多重複之一：http://stackoverflow.com/questions/8865458/how-to-align-text-vertically-center-in-div-with-css – 2014-10-20 09:44:02

向我們展示您的HTML標記和您的CSS代碼，我們將能夠幫助你。 :) – consuela 2014-10-20 09:49:08

可以使用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

來源

2014-10-20 09:52:02 Justin

我認爲OP是指實施垂直居中。從屏幕截圖判斷，水平居中顯然已經實現。 – Terry 2014-10-20 09:57:40

我以爲alyssa想要對齊文本，如截圖 – Justin 2014-10-20 10:28:30

對於bootstrap中的水平對齊，您還可以使用類文本中心。 – Legin76 2014-10-20 11:15:09

圍繞任何屏幕大小的文本

回答

相關問題