问题12345678<div id="container"> <span class="box"> <p>box1</p> </span> <span class="box"> <p>box222222222222222222</p> </span></div>
123456789101112131415#container { display: flex; width: 300px; outline: 1px solid #aaa;}.box { flex: 0 0 150px; outline: 1px solid lightpink;}/* 单行显示,溢出显示。。。 */.box p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
结果:box2中的内 ...