CSS：具有懸掛縮進和隱藏溢出的元素不會切斷它？

Question

我想知道如何使一個元素與hanging indent，以及一個隱藏的溢出，不隱藏所述縮進。

這說明我的問題： http://jsfiddle.net/Skofo/qgd2p/

謝謝！

Answer 1

根據你的小提琴，在你的li元素上交換margin-left: 15px;爲padding-left: 15px;。

我只在chrome中檢查了它，介意。您可能需要設置box-sizing的東西保持一致，使其工作跨瀏覽器，如box-sizing: border-box;

Answer 2

請參閱此琴：http://jsfiddle.net/saSna/

這是你想要達到的結果呢？

我添加15px的填充，以li，並刪除:first-child這樣既ul的具有相同的風格：

ul li { 
    width:120px; 
    text-indent:-15px; 
    margin-left:15px; 
    margin-bottom:10px; 
    padding-left:15px; 
} 

ul li { 
    overflow:hidden; 
    text-overflow:ellipsis; 
}