如何在`word-break：break-all`中使用自动CSS连字符？
我正在使用word-break: break-all;并且想知道如何使浏览器自动插入连字符，如MDN示例所示。
div {
width: 80px;
height: 80px;
display: block;
overflow: hidden;
border: 1px solid red;
word-break: break-all;
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
}
<div>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
这样文本将如下所示：
aaaaaaaa-
aaaaaaaa-
aaaaaaaa-
aaaaaaaa
这需要在IE9 / IE10中工作，但是如果它也可以在Firefox和Chrome中工作，那就太好了。
问题答案：
该-ms-hyphens属性仅在IE10 +中有效。在IE9或更低版本中是不可能的。
请参阅您提供的参考链接底部的浏览器兼容性表。
它不适用于Chrome：WebKit连字
-
问题内容： 我有类似于以下代码： 我希望在没有标记的情况下使此文本流入两列（左侧为1-3，右侧为4-6）。我不愿意使用a添加列的原因是客户端通过WYSIWYG编辑器输入了此文本，因此我注入的任何元素很可能在以后或莫名其妙地被杀死。 问题答案： 使用jQuery 创建第二列，然后将所需的元素移到该列中。 更新： 或者 因为现在的要求是使它们的大小相等。我建议使用预构建的jQuery插件：Column
-
Android将WIFI详细信息保存到WifiConfiguration类中。当WIFI为ON和SSID时，Pass-key详细信息与WIFI网络匹配，然后Android自动连接特定的WIFI网络。如何禁用该自动连接功能？问这个问题的目的是，我有两个配置的网络（已经保存），我想在按钮单击事件上连接WIFI，但android的自动连接功能与WIFI本身连接。
-
问题内容： 我有一台Mac，并且安装了一种名为“ 7 Segment”的字体（它显示在Font Book中）。当我使用Helvetica（或类似字体）而不是浏览器的默认字体时，它仍然没有显示正确的字体。该页面仅需要在此计算机上显示。我将如何使用此页面上的字体？谢谢。 问题答案： 您需要使用css-property font-face来声明您的字体。 例：
-
问题内容： 当我尝试自动装配Spring RestTemplate时，出现以下错误： 在注释驱动的环境中使用Spring 4。 我的调度程序servlet的配置如下： 我尝试自动连接RestTemplate的类如下： 问题答案： 如果未定义错误，则会看到错误 考虑在配置中定义类型为“ org.springframework.web.client.RestTemplate”的bean。 要么 找不到
-
问题内容： 我想在同一行上使用两个项目作为左侧的项目。 我一个人就能做到这一点没有问题。问题是， 即使您将浏览器的尺寸调整得很小 ，我也希望这两项 保持 同一行。您知道…就像桌子一样。 __ 我们的目标是 无论在什么情况下都 不会包裹右边的物品。 我该如何使用CSS告诉浏览器，我宁愿 拉伸包含而不是包装它，因此div在 ？之下？ 我想要的是： 问题答案： 将浮动s 包装在使用此跨浏览器最小宽度ha
-
本文向大家介绍如何使用CSS创建自定义滚动条？，包括了如何使用CSS创建自定义滚动条？的使用技巧和注意事项，需要的朋友参考一下 要使用CSS创建自定义滚动条，代码如下- 示例