您的位置:首页 > Web前端 > CSS

【CSS笔记】使文字在一行显示,超出部分用省略号显示

2016-02-11 14:56 567 查看
CSS代码:

text-overflow:ellipsis;

overflow:hidden;

white-space:nowrap;

说明:

text-overflow:用来设置是否使用一个省略标记(···)标示对象内文本的溢出。

white-space:nowrap;强制文本在一行内显示。

overflow:hidden;溢出内容为隐藏。

必须三者同时用的时候才会实现溢出文本显示省略号

附:多行显示的方法:

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;//设置显示几行

-webkit-box-orient: vertical;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: