将文本垂直居中置于容器中？ twitter-bootstrap-3

问题描述：

是否有可能使用CSS来将文本垂直居中放置在一个容器中的twitter bootstrap 3中？将文本垂直居中置于容器中？ twitter-bootstrap-3

这是你的第二个问题，你真的没有表现出什么努力......请在回答问题之前查看http://*.com/help/how-to-ask。第一步，做一些研究。接下来，尝试解决这个问题。最后，如果您遇到困难，请在此提问，我们应该能够提供帮助。 – 2015-03-31 18:51:35

....同时显示你已经尝试过。 – ganders 2015-03-31 18:58:33

我已经广泛搜索，试图找到这个问题的简单答案，但没有找到它。我希望有一个聪明的人能够解决这个问题并愿意分享，而不是重新发明*。 – KallenWebDesign 2015-03-31 20:59:20

答

添加这个CSS包含文本的元素（不要与一个山坳类的元素 - 内将其添加到元）：

.v-center{ 
    display:block; 
    position: relative; 
    top: 50%; 
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    transform: translateY(-50%); 
}

答

这里是CSS简单中心级

.center-element { 
     min-height: 100%; 
     min-height: 50vh; 
     display: flex; 
     align-items: center; 
     justify-content: center; 
     -ms-flex-direction: column; 
     flex-direction: column; 
    }

将文本垂直居中置于容器中？ twitter-bootstrap-3

相关推荐