Javascript Bootstrap 3.1 CSS连字符问题

我尝试使用以下css将单词break和hyphen属性应用于li标记：

.li-left {
 display:inline-block; 
 width:48%;
 text-align:left!important;
 -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
 -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;
}

使用word break属性，大字符串的文本可以断开，但连字符不会显示在浏览器中（Firefox 29.0/Chrome）。使用PHP和变量$texta、$textb和$textc从数据库中提取文本：

<div class='list-group'>
  <a href='#' class='list-group-item'>
  <ul class='ul-list'>
    <li class='li-left'><h4 class='list-group-item-heading'>$texta</h4>
    <p class='list-group-item-text'>$textb</p>
    <p class='list-group-item-text'>$textc</p>
    </li>
    </ul>
  </a>
</div>

---

我也尝试过使用Hyphenator.js并将hyphenate类应用于li标记，但没有任何运气-连字符不会显示。有什么解决办法吗？下面是示例图像：

您似乎误解了连字号的工作原理。您不能期望任何单词“This”、“is”、“a”和“test”被连字符。如果用

分词符

来打断单词，则表示字符串被任意打断，而没有任何中断指示，例如连字符；通常情况下，将这种中断应用于英语单词（但有时适用于特殊字符串）是不够的

---

因此，如果需要断字，请不要使用

分词。相反，请使用
连字符
和/或Hyphenator.js。如果您需要这方面的帮助，请打开一个包含足够代码和实际示例的新问题。请注意，对于这两种方法，应该使用
lang
属性声明内容语言。
Chrome和其他一些浏览器不支持CSS。抱歉，我正在尝试使用hyphenator.js，但它似乎不起作用。我已经从下载了脚本，并在p标记上应用了连字号，但是文本仍然没有连字号-我不确定脚本是否在通过变量之前运行，我已经尝试将放在文档末尾，以便在加载所有内容后尝试并执行它，但是仍然没有连字符。除非您显示正在使用的代码（至少是HTML），否则我无法帮助您完成此操作。您的控制台中是否有任何错误？控制台中没有错误，不幸的是，html都是使用echo语句嵌套在PHP中的，但下面是html中的目标类，位于p标记中：