css文本未对齐

Question

我的问题是将文本居中放在我的div中。有人可以帮我把这个文本对齐到框的中心

这是我的css：

#btc-container {
    height: 50px;
    width: 150px;
    background: orange;
    border: 2px solid;
    border-radius: 25px;
    bottom: 50px;
    left: 0px;
    border-style: ridge;
}

#btc-price {
    color: black;
    font-family: digital-7;
    font-size: 30px;
    alignment-adjust:middle;
}

以下是我在HTML中的内容：

<div id="btc-container">
    <div id="btc-price">930.1234</div>
</div>

Answer 1

只需改变你的css：

#btc-price {
color: black;
font-family: digital-7;
font-size: 30px;
text-align: center;
line-height: 50px; // or what ever is your button height 
}

Answer 2

将文本居中对齐text-align: center。要垂直对齐它会变得更复杂（特别是如果你想要跨浏览器和/或需要支持旧版浏览器），但如果你知道只有一行使用line-height，那么在div中垂直居中文本的简便方法比如你的line-height:50px

Answer 3

http://jsfiddle.net/isherwood/uN2Dt/

#btc-price {
    text-align: center;
    margin-top: 8px;
}

Answer 4

这是一个小提琴：http://jsfiddle.net/digitalextremist/QXT5B/

改变的CSS：

#btc-container {
height: 40px;
width: 130px;
background: orange;
border: 2px solid;
border-radius: 25px;
bottom: 50px;
left: 0px;
border-style: ridge;
padding: 5px 15px;
text-align: center
}