CSS multi-line ultra-long Dot point

Source: Internet
Author: User
Super long?
Isn't it good?
What the?
Not good?
What's the harm?
It makes people want to cry!

In this case, the extra-long point-to-point processing:

One line over a long dot point, this many will!

Text-overflow:ellipsis;
White-space:nowrap;
Overflow:hidden;

What about the lines? No, no, on the code:

Overflow:hidden;
Display:-webkit-box; Displays the object as an elastic telescopic box model.
text-overflow:ellipsis; If you can use multiple lines of text, use the ellipsis "..." to hide out-of-range text.
-webkit-box-orient:vertical; Sets or retrieves the arrangement of child elements of a telescopic box object.
-webkit-line-clamp:2; Limits the number of lines of text displayed in a block element.

If the text is a lot of lines, you want to be a little bit longer on n lines, the-webkit-line-clamp is set to N.

Favorite friends can have a little attention. Encourage the author to make more and better dry foods!

CSS multi-line ultra-long Dot point

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.