如何让<li>中内容超出部分显示为...?

<style>
    li {
        width:200px;
        white-space:nowrap;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        overflow: hidden;
    }
</style>