html - 带有数字和文本的按钮

Question

我有一个 HTML 按钮，我必须像智能手机拨号盘一样显示它。例如数字和 ABC 等。

<a href="" class="button">
    1
    <span>ABC</span>
</a>

除了文本在按钮中不可见外，一切正常。我该如何解决？

Answer 1

您只需更改 span 的样式即可正确换行。

将 display: inline-block; 添加到您的 a span 选择器中，使其看起来像这样:


跨度{字体大小:8px；
文本转换:大写；
显示: block ；
文本对齐:居中；
行高:0em；
边距顶部:-5px；
字体样式:斜体；
显示:内联 block ；
}


最好的解决方案通常是最简单的。在这种情况下，只需添加一行。