Javascript 当元素对于其容器来说太大时,是否有可以检查的属性?
我有这个html代码,我想找到一个解决方案,使文本不会溢出时,屏幕大小较小。例如,当我调整屏幕大小时,我得到了溢出的文本,人们必须滚动才能阅读文本,而文本也不再是红色 我认为一个解决方案是,每当文本溢出时,调整字体大小,但我正在努力找到一个解决方案,如何检查文本何时溢出Javascript 当元素对于其容器来说太大时,是否有可以检查的属性?,javascript,html,jquery,Javascript,Html,Jquery,我有这个html代码,我想找到一个解决方案,使文本不会溢出时,屏幕大小较小。例如,当我调整屏幕大小时,我得到了溢出的文本,人们必须滚动才能阅读文本,而文本也不再是红色 我认为一个解决方案是,每当文本溢出时,调整字体大小,但我正在努力找到一个解决方案,如何检查文本何时溢出 杰罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗 您可以使用单词break:break all包装长单词 杰罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶
杰罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗
您可以使用单词break:break all代码>包装长单词
杰罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗菲耶罗
查看此代码片段:
@仅媒体屏幕和(最大宽度:600px){
p{
单词break:打破一切;
}
}
试验
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
无需使用jQuery或JS-您可以在CSS中添加=>语义{word break:break word;}
。@始终存在的问题是,我在语义标记中有其他标记组成这些单词,不幸的是,这个标记不起作用。我会更新我的答案,请更新问题。谢谢,我认为这个问题需要通过脚本来解决。请再显示一些代码。里面的其他标签是什么?不幸的是,这不起作用,因为我有其他标签在里面,语义标签组成了这些单词。也许我应该修改我最初的问题。另外,这也是为什么我认为减少文本大小是一个更好的选择。@ga1996您可以添加一个css规则,将word wrap应用于css文件中所有具有semantics*{word break:break all;}
语义的子元素,但是您不能用任何其他更具体的规则覆盖它,因为semantics*
将是每个子元素最具体的规则。不幸的是,这不起作用,因为我在语义标记中有其他标记组成这些单词。也许我应该修改我最初的问题。另外,这也是为什么我认为减少文本大小是一个更好的选择。我认为
和
标记在它内部工作得很好是的,我看到,当我在JSFIDLE的内联语义标记中应用它时,它工作得很好,但当我在我的项目内联语义标记中应用它时,它不工作。现在,我很困惑,我不知道为什么。当元素数大于15时,是否有方法使用jquery计算元素数并应用较小的字体大小?请重试,方法是先删除所有样式,然后按阶段方式恢复它们。我希望通过这种方式,您可以找到哪种样式代码不允许语义正常工作,因为我显示的是公式,而不是文本?我认为我需要在标记方面这样做,例如检查div
和em
标记的宽度,相应地使语义的宽度相同,并降低字体大小。是否有类似于wordbreak:breakall代码>用于标记?