HTML+css+js定义好的字体忽大忽小，乱变，js切换文字内容

wilgl1314

于 2016-07-06 10:17:48 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wilgl1314/article/details/51836884

本文介绍了一种在使用JS进行内容切换时遇到的字体大小不稳定的问题，并提供了解决方案，即通过调整div的高度属性来避免字体大小发生变化的现象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码背景：

<div style="height: 200px;">
    <div style="height: 不定义">（1）</div>
    <div style="height:不定义">（2）</div>
</div>

逻辑操作

js切换（1）和（2）中的汉字内容

问题：切换字体时，字体忽大忽小，fong-size：不变，font-size值不变，但是字变化了

解决办法：删除height：200px；(1)和（2）单独定义height属性