Question

我在这里使用了代码表单：Overflowed text with html in another div - 让文本在新div中流过。但是，现在我对文本有格式化问题。每个段落的第一个单词都以某种方式后跟换行符。

您可以在此处查看示例：http://jsfiddle.net/hm2yfw61/9/

 var currentCol = $('.box:first');
 var text = currentCol.html();
 currentCol.html('');
 text = text.replace(/ (?![^<>]*>)/gi, '%^%');
 var wordArray = text.split('%^%');



 $.fn.hasOverflow = function () {
     var div = document.getElementById($(this).attr('id'));
     return div.scrollHeight > div.clientHeight;
 };


 for (var x = 0; x < wordArray.length; x++) {
     var word = wordArray[x];
     currentCol.append(word + ' ');
     if (currentCol.hasOverflow()) {
         currentCol = currentCol.next('.box');
     }
 }

有谁知道如何解决这个问题？

感谢。

-----更新：我已经用可能面临类似问题的其他人参考建议的工作解决方案更新了jsfiddle ------

Answer 1

这可能有点hacky，但请尝试以下方法：

添加以下CSS规则

.box > p:first { display: none; }

添加＆＃34; nbsp; ＆＃34; （{包括空格）在.box > p标签中每个字符串的开头。

<p>  Jumo handango

Updated Fiddle

jQuery之后的文本格式问题

1 个答案: