html – Button的文本垂直对齐

概述我这里有棘手的问题.我想在一个按钮内垂直对齐我的文字 <button id="rock" onClick="choose(1)">Rock</button> 这是我的CSS button { font-size: 22px; border: 2px solid #87231C; border-radius: 100px; width: 100px; heig 我这里有棘手的问题.我想在一个按钮内垂直对齐我的文字

<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 总结

以上是内存溢出为你收集整理的html – Button的文本垂直对齐全部内容，希望文章能够帮你解决html – Button的文本垂直对齐所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。