不工作在Windows电话的长的词词包裹

时间:2016-08-21 09:32:21

标签: css css3

我使用下面的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%;

任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

word-break: break-word; 

代码中的此语句对关联的属性使用了错误的值。 break-word值用于自动换行属性。您也可以使用百分比来确定文本应该中断的位置,但是如果您有:

width: 100%;

这告诉浏览器,您不希望它破坏文本,直到100%标记,这可能导致您没有看到文本中断的原因。我无法看到你的其余代码,但是有了这些属性,我相信你应该在父元素中定义一个lang属性。在你想要破解的任何文本的HTML中。这告诉浏览器它在哪里被允许打破文本。有些语言不允许像中文一样打破文本,所以这很重要。如果这不是你想要的答案,也许你可以包含额外的代码,这样我就可以更好地掌握你面临的问题。