html – Button的文本垂直对齐

前端之家收集整理的这篇文章主要介绍了html – Button的文本垂直对齐前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我这里有棘手的问题.我想在一个按钮内垂直对齐我的文字
<button id="rock" onClick="choose(1)">Rock</button>

这是我的CSS

button {
    font-size: 22px;
    border: 2px solid #87231C;
    border-radius: 100px;
    width: 100px;
    height: 100px;
    color: #FF5A51;
    text-shadow: -1px 0 black,0 1px black,1px 0 black,0 -1px black;
}
button:active {
    font-size: 22px;
    border: 2px solid red;
    border-radius: 100px;
    width: 100px;
    height: 100px;
}

你可以在这里查看http://jsfiddle.net/kA8pp/.我希望文本在底部.非常感谢你!

编辑:我无法解释它所以这里是它的图片http://i.imgur.com/WGKltUa.png 原文链接:https://www.f2er.com/html/232059.html

猜你在找的HTML相关文章