【JavaScript】textFit：无需jQuery的组件，可将单行和多行文本快速适应其容器的宽度（以及可选的高度）

当前位置：知识管理交流 →『技术文档交流』

admin

2023年8月25日 0:47 本文热度 275

textFit文本拟合：快速，无依赖的文本大小调整组件，可将单行和多行文本快速适应其容器的宽度和/或高度。

1、添加js引用

<script src="js/jquery.min.js"></script>
<script src="js/textfit.min.js"></script>

2、为需要设置自适应的字体，添加CLASS“textfit”

1

2

3

<div class = "textfit">

       textfit.js

</div>

3、设置最大/最小字体

1

2

3

<div  class = "textfit" data-textfit-min = "10px" data-textfit-max = "48px" > 

       textfit.js

</div>

该文章在 2023/8/25 0:59:15 编辑过


全部评论1
	admin 2023年8月25日 0:51 楼主最大最小值无效啊 ardworking 2018/3/6 8:23:31 你看下源码就知道了 data-textfit-min="10px" 后面的px是去掉的直接data-textfit-min="10"data-textfit-max="48px" 同理 data-textfit-max="48"或者你直接修改源码把拼接的px去掉即可该评论在 2023/8/25 0:51:50 编辑过

全部评论1