New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

CSS3 单行/多行溢出隐藏 #11

Open

HAAAAADION opened this issue Jul 17, 2017 · 0 comments

Labels

css

Owner

HAAAAADION commented Jul 17, 2017

单行

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行

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

/*强制不换行*/
white-space: nowrap;
/*强制换行*/
word-break: break-all;

HAAAAADION added the css label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment