Html 有没有办法为长度超过(例如)10个字母的单词设置函数?
我有一个div,随机的单词被抽签分配给它。要显示这些单词,我使用以下脚本:Html 有没有办法为长度超过(例如)10个字母的单词设置函数?,html,css,fittextjs,Html,Css,Fittextjs,我有一个div,随机的单词被抽签分配给它。要显示这些单词,我使用以下脚本: <script src="jquery.fittext.js"></script> <script type="text/javascript"> $("#my_random_word").fitText(0.6); </script> 有没有办法为长度超过10个字母的单词指定另一个函数,或者我还能做什么?谢谢。你可以尝试使用css单词b
<script src="jquery.fittext.js"></script>
<script type="text/javascript">
$("#my_random_word").fitText(0.6);
</script>
有没有办法为长度超过10个字母的单词指定另一个函数,或者我还能做什么?谢谢。你可以尝试使用css
单词break:break all
来打断这个单词
.content{
单词break:打破一切;
背景:rgba(0,0,0,1);
宽度:100px;
}
veeerrrrrryyyyyylonnng-worrdd
您可以使用类似于文本溢出:省略号代码>以切断单词并防止溢出
或者你可以用JS来处理它:
var myWord = $("#my_random_word").text();
if (myWord.length >= 10) {
// ... handle it
} else {
myWord.fitText(0.6);
}
要检查多个单词,可以使用正则表达式。下面查找单词空间单词的简单模式
var pattern = /\w\s+\w/;
'word'.match(pattern); // null
'multiple words'.match(pattern); // match found
我觉得你可以用CSS而不是JS来解决这个问题。可能溢出:隐藏和文本溢出:省略号代码>,但我不能确定问题是什么。如果你必须在JS中这样做,只需在检查长度时插入If
。我还有一个问题。有没有办法在一个词和多个词之间指定。我的意思是,我的随机词也可以有两三个词。
var pattern = /\w\s+\w/;
'word'.match(pattern); // null
'multiple words'.match(pattern); // match found