样式问题的经验总结

1. 背景透明，内容不透明

background-color:rgba(255, 255, 255, 0.5); 

2. 强制换行/不换行

white-space: nowrap（不换行）/normal(默认换行)

3. 单/多行文本溢出

1). 单行文本溢出

width:200px;     //必须设置宽度
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

2). 多行文本溢出

width:200px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;