Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 有没有办法为长度超过(例如)10个字母的单词设置函数?_Html_Css_Fittextjs - Fatal编程技术网

Html 有没有办法为长度超过(例如)10个字母的单词设置函数?

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

我有一个div,随机的单词被抽签分配给它。要显示这些单词,我使用以下脚本:

 <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