There are two ways to display the following text beyond:
1. ellipsis ... display, not wrap
2. Wrap
Achieve results:
Implementation code:
html:
<div class="content"> <p>java.lang.ref.Reference$ReferenceHandler.run(Reference.java:153),java.lang.ref.Reference.tryHandlePending(Reference.java:191),java.lang.Object.wait(Object.java:502),java.lang.Object.wait(Native Method)</p> </div>
css:
.content{ width: 400px; height: 100px; border: 1px solid black; }
1. ellipsis ... display, not wrap
p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
2. Wrap
p{ word-wrap: break-word; word-break: break-all; }