html - 如何将文本准确地放入矩形 DIV 中？

Question

我有一个狭窄的矩形 Div，我想将文本呈现到其中。通常，它看起来像这样:

但是，我想最大化可读性的大小，并且由于要动态提供文本，我偶然发现了 BigText ，这给了我这个:

它非常适用于宽度，但完全忽略了 div 的高度!如何在保持在 <DIV> 范围内的同时最大化文本的大小的宽度 和 高度？

JS fiddle :http://jsfiddle.net/Q7gcb/8/

Answer 1

我删除了 <b>标签，并设置了 span 的样式具有以下内容的元素:

jsFiddle example - 似乎是你想要的(使用 em s 它适用于所有 font-size s)

span {
    display: block;
    margin-top: -.5em;
    font-weight:bold;
}