以HTML格式顯示限制字符

Question

如果我的文字內有超過一定數量的字符，它會放在...中而不是顯示所有字符？

在我的頁腳中，如果我的無序列表中有一定數量的字符，它會使顯示變得混亂起來。

代碼：

<li style="width:25%;padding-left:30px;"> 
    <center> 
    <h4>Title Here</h4> 
    <ul style="padding:0px;margin:0px;"> 
     <li>Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test!</li> 
    </ul> 
</center> 
    </li> 

Answer 1

使用CSS，你可以做這樣的事情：

li { 
    width: 150px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

這會不會讓你指定的字符數，但像素的寬度。

請參閱小提琴例如：