文本超出之后有两种显示办法:
1.用省略号...显示,不换行
2.自动换行
实现效果:
实现代码:
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{ 400px; height: 100px; border: 1px solid black; }
1.用省略号...显示,不换行
p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
2.自动换行
p{ word-wrap: break-word; word-break: break-all; }