我终于不得不破解并用Javascript做一些事情。我希望有人会提出一个冰雹般的CSS解决方案，但人们似乎只是在投票赞成如果不是Chrome错误的话
应该 是正确的答案。 j08691可以因他的工作而赏金 。
<html> <head> <style> #container { width: 200px; border: 1px solid blue; } #container div { width: 100%; overflow: hidden; white-space: nowrap; } </style> <script> function trimRows() { var rows = document.getElementById('container').childNodes; for (var i=0, row; row = rows[i]; i++) { if (row.scrollWidth > row.offsetWidth) { var textNode = row.firstChild; var value = '...' + textNode.nodevalue; do { value = '...' + value.substr(4); textNode.nodevalue = value; } while (row.scrollWidth > row.offsetWidth); } } } </script> </head> <body onload='trimRows();'> <div id="container" > <div>first > second > third</div> <div>second > third > fourth > fifth > sixth</div> <div>fifth > sixth > seventh > eighth > ninth</div> </div> </body></html>
