Question

这是我的编码。使用css作为Hyphenate类的结果，结果显示在result1中。但是，我想要的是结果显示在result2中。另外，在result1中，当只有很少的单词时，它会在单词之间产生很大的差距，这真的很难看。现在有人怎么解决这个问题？

- 编辑问题 -

我在这里要问的是：我有一个textarea输入和div标签的结果。什么是这样的方式，只要有一个单词到达右边界，单词就会分成一个新的行，但是，目标就像结果2所显示的那样。希望现在任何人都能理解。感谢。

Div标签的宽度= 170px

.hyphenate{ 
    text-wrap: suppress; 
    word-break: break-all; 
    word-wrap: break-word; 
    white-space: -moz-pre-wrap; 
    white-space: pre-wrap; 
    white-space: -o-pre-wrap; 
    white-space: pre-line; 
    width:170px; 
    text-align:justify; 
}

-

<script type="text/javascript">
    function copyIt() {
        var x = document.getElementById("textarea").value;
        document.getElementById("result1").innerHTML = x;
    }
</script>

-

<table border=2 width="160"> 
    <tr>
        <td colspan=2>
            <h1>Hyphenator Tester</h1> 
        </td>
    </tr> 
    <tr> 
        <td width="160" valign="top"> 
            <textarea id="textarea" rows=5 cols=20 onkeyup="copyIt()">
                This is the preview of something What
            </textarea> 
            <br><br>Result:<br>
            <div id="result1" class="hyphenate"> 
                This is the preview of something what I've wrote earlier
            </div>
            <br>Result wanted:<br>
            <div id="result2" class="hyphenate">
                This is the preview of some- thing what I've wrote earlier
            </div> 
        </td>
    </tr> 
</table>

Answer 1

尝试Hyphenator.js。

如何使用javascript在行尾连字

1 个答案: