不能居中文本

-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

不能居中文本

回答

相关问题