如何讓中內容超出部分顯示爲...?

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