css 技巧文字只显示前几位

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>

    #divcss5{width:150px; }
    #divcss5 li{width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
</style>



<body >

<ul id="divcss5">
    <li><a href="#">显示不完显示省略号，测试内容</a></li>
    <li><a href="#"> 第二排测试内容超出显示省</a></li>
    <li><a href="#">能显示完几个字</a></li>
</ul>

</body >

</html>