有时候,我们需要根据字体(数字)大小随字数改变而做出变化,而font-size又是固定的,这里就用jq简单的解决下这个问题。
1.html
代码如下(示例):
<div id="out">888888888888888</div>
<!-- 👇我是参照 -->
<div>888888888888888</div>
2.jq写法
代码如下(示例):
<script src="../js/jquery-1.11.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var wordNumber = $("#out").html().length;
var fontSize = wordNumber > 10 ? 0.1 * 10 / wordNumber + 'rem' : '1rem';
$("#out").css('font-size',fontSize)
});
</script>
总结
以上就是今天要讲的内容,希望大家多多指教、相互学习、共同进步!