出发 cnblogs images wrap CSS com .cn 页面
CSS 文字溢出部分自动用 "..." 代替
如 html 部分:
- <h4>
- <马尔代夫双鱼岛Olhuveli4 晚6 日自助游>
- </h4>
- <p>
- 上海出发,机+酒包含:早晚餐+快艇
- </p>
CSS 样式
- #tour h4 {
- white - space: nowrap;
- /*文本不换行*/
- overflow: hidden;
- /*溢出部分隐藏*/
- text - overflow: ellipsis;
- /*溢出部分用"..."代替*/
- }#tour p {
- white - space: nowrap;
- overflow: hidden;
- text - overflow: ellipsis;
- }
当页面缩至一定大小时,效果如下:
CSS 文字溢出部分自动用 "..." 代替
来源: http://www.bubuko.com/infodetail-2042048.html