文字不在框范围内

Question

我有这个代码在盒子范围内重叠，我想知道当它在盒子范围内重叠时如何换行。

HTML：

            <%
                for(Notification n: notifications) {
            %>
            <li>
                <a href="#">
                    <span class="message">
                        <%=n.getMessage()%>
                    </span>
                    <span class="subject">
                        <span class="time">
                            <%=n.getTime()%>
                        </span>
                    </span>
                </a>
            </li>
            <%}%>

图像：

Answer 1

不确定链接为什么不加载

但你可以使用CSS

<div>
    <h4>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<h4>
</div>

div {width: 100px;border: 1px solid red;word-wrap: break-word}

或JS

string = 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'

string = string.replace(/(.{1,20})/g, '$1<br/>')

document.write(string);

CSS将是更好的选择

https://jsfiddle.net/ednmstpz/

Answer 2

尝试添加

空白：NOWRAP;溢出：隐藏;

到li标签