不能居中文本

-2

我的問題是，我的文字不會完全居中。我該如何解決？我仍然想在中心上下移動。不能居中文本

<center> 
    <div class="home-text"> 
     <div class="col-md-6 col-md-offset-3"> 
      <h1 class="home-title bounceInUp animated">NAME</h1> 

      <h2 class="home-desc bounceInUp animated">HTML, CSS, JavaScript, Python</h2> 
     </div> 
    </div> 
</center> 

.home-text { 
    position: absolute; 
    left: 50%; 
    top: 45%; 
    color: rgb(255, 255, 255); 
}

來源

2016-12-30 HenrikN

請看看[這裏]（https://developer.mozilla.org/en-US/docs/Web/HTML /元素/中心）關於使用中心元素 – Nora

檢查我的答案在這裏 - http://stackoverflow.com/questions/34912619/css-div-center-multi-line-text-vertically-and-horizontally- with-a-background-ima/34912867＃34912867 – devtye

十多年來，'center'元素並不是最佳實踐。你從哪些書/資源開始工作？ – 2017-01-02 17:10:19

取下.home-textleft:50%並添加這個CSS：

h1, h2 { 
    text-align: center; 
}

來源

2016-12-30 22:05:01

設爲首頁文字寬度100％，顯示塊和文字居中。

拆下左側位置，你可以相對或設置左0，並使用正確的位置0

來源

2016-12-30 22:05:08

它現在居中，但我無法上下移動它頂部：00％; – HenrikN

如果你使用position absolite並且保留0和right 0，你可以使用top屬性來上下移動它。或者只是使用margin-top屬性。根據你試圖達到的目標，有不同的方式和最好的解決方法。你選擇了哪一個來實現。 –

doest work可以讓我使用「bounceInUp動畫」。 – HenrikN

不能居中文本

回答

相關問題