如何将元素高度设为大写字母，即S？

Question

我想将跨度高度设为“S”大写字母，但似乎无法通过查看：

https://developer.mozilla.org/en-US/docs/Web/CSS/length

最接近的是什么

height: 1.5ex

似乎是这样的。或者我错过了什么？

Answer 1

您只需使用1em即可。它被定义为font-size所以资本＆＃34; S＆＃34;包括在内。

Answer 2

你可以试试这个：

http://www.css3.com/css-font-stretch/

或者给它display:inline-block，让它做你想做的事。

假设您不想将其设为块元素，那么您可以尝试：

.title  {
    display: inline-block; /* which allows you to set the height/width; but this isn't cross-browser, particularly as regards IE < 7 */
    line-height: 2em; /* or */
    padding-top: 1em;
    padding-bottom: 1em;
}

但最简单的解决方案是简单地将.title视为块级元素，并使用相应的标题标记<h1>到<h6>。