HTML:调整字体大小以适合父级

时间:2013-01-09 23:34:36

标签: html text fonts resize percentage

有没有办法在文本字体破坏默认参数时调整其大小,或者有没有办法将字体设置为父级的百分比?

<table  border='2' width='100'>
  <tr>
    <td width='25%'>
<!-- 
        can I do something to resize 
        the font to font in the cell?
--> 
      <label font='100%'>   
      How-To-Resize-Only-Text
      </label>

    </td>
  </tr>
</table>

1 个答案:

答案 0 :(得分:1)

em测量单位可以应用于子元素,并根据父级font-size值进行相对测量(默认值为16px)。

因此,如果在父元素上设置font-size: 20px;,在子元素上设置font-size: 0.5em;,则子元素的字体大小将为父元素的50%或10px。您还可以使用em作为宽度和高度。

http://www.impressivewebs.com/understanding-em-units-css/