css截取過長文本，省略號顯示

05-13

html代碼片段

<li > <span class="cut">很長的內容很長的內容很長的內容很長的內容</span> <span style="float: right;">9秒前</span></li>

css樣式代碼

.cut{ display: inline-block; /*讓span 標籤變成行內標籤但具有寬高屬性*/ white-space: nowrap; /*文本不進行換行*/ overflow: hidden; /*隱藏溢出文本*/ text-overflow: ellipsis; /*多出文本使用 ....代替*/ width: 50px; /*寬度*/}