單行文字
#box1{
border:1px solid #ccc;
width:100px;
white-space:nowrap;/*不換行米*/
overflow:hidden;
text-overf1ow:ellipsis;/*超出省略*/
}
多行文字
#box2{
border:1px solid #ccc;
width:100px;
overflow:hidden;
display:-webkit-box;/*將對象作為彈性伸縮盒子模型顯示*/
-webkit-box-orient:vertical;/*設置子元素排列方式*/
-webkit-line-clamp:3;/*顯示幾行，超出的省略*/
}
