Question

在固定宽度的div内，正在绑定一个字符串。字符串可以很短也可以很长。

我希望每当原始字符串断开时，它应该为除最后一行之外的每一行插入一个连字符。

例如：如果字符串是＆＃34;误解＆＃34; 并且它在 misc 处中断，那么它应该看起来像 - ＆GT;

misc-
once-
ptio-
n

而不是像这样 - ＆gt;

misc
once
ptio
n

注意：我尝试使用以下CSS：

    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

但问题是hyphens只适用于词典单词。在我的例子中，字符串可以是任何东西，例如：name，junk-string等，所以hyphens在我的情况下不起作用。

请参阅此处的demo。

Answer 1

我能够通过 AngularJS 本身的脚本解决上述问题，不需要CSS。

以下代码：

JS：

  $scope.data = "Loremipsumdolorsitametexeamdictasmeliuslaboramus Duoadverearinteresset";
  var text = $scope.data;
  var array = text.split('');
  len = 18;

  var newtext = '';
  for (var i = 0; i < array.length; i++) {
    newtext += array[i];
    if (i % len == 0 && i > 1) {
      newtext += '-</br>';
    }
  }
  document.getElementById('text').innerHTML = newtext;

HTML：

<div class="test" id="text"></div>

Demo

如果存在字符串断开AngularJS，请插入连字符

1 个答案: