我使用下面的css类来包装宽度为%的长字,而不是固定的,这对Firefox和Windows手机不起作用。
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
width:100%;
任何人都可以帮助我吗?
答案 0 :(得分:0)
word-break: break-word;
代码中的此语句对关联的属性使用了错误的值。 break-word值用于自动换行属性。您也可以使用百分比来确定文本应该中断的位置,但是如果您有:
width: 100%;
这告诉浏览器,您不希望它破坏文本,直到100%标记,这可能导致您没有看到文本中断的原因。我无法看到你的其余代码,但是有了这些属性,我相信你应该在父元素中定义一个lang属性。在你想要破解的任何文本的HTML中。这告诉浏览器它在哪里被允许打破文本。有些语言不允许像中文一样打破文本,所以这很重要。如果这不是你想要的答案,也许你可以包含额外的代码,这样我就可以更好地掌握你面临的问题。