Html 简单的CSS问题，设置按钮大小的样式

我有一个按钮，里面只有一个字母。这是它的HTML：

<button type="button" class="clicker">X</button>

---

将

行高度降低到
23px

我认为您不需要
字体大小
和
行高
属性。改用
垂直对齐

.clicker {
    font-family: "Calibri", Arial, Sans Serif;
    font-size: 1.0em;
    color:red;
    text-shadow: 1px 1px 1px #FFFFFF;
    width: 30px;
    height: 25px;
    vertical-align: middle;
}

小提琴：-
这只是因为你的
行高。移除它，它就会工作：）


CSS:

.clicker {
    float: right;
    font-family:"Calibri", Arial, Sans Serif;
    font-size:1.0em;
    color:red;
    text-align: center;
    wordwrap: center;
    text-shadow:1px 1px 1px #FFFFFF;
    width: 30.0px;
    height: 25.0px;
}

如果更改为
行高：20px然后它将居中
 按钮的大小是否改变？还有，你有没有考虑过用图像而不是文本作为按钮？@qwerty我就是这么做的！给它一个+1:）
.clicker {
    float: right;
    font-family:"Calibri", Arial, Sans Serif;
    font-size:1.0em;
    color:red;
    text-align: center;
    wordwrap: center;
    text-shadow:1px 1px 1px #FFFFFF;
    width: 30.0px;
    height: 25.0px;
}