css3 single text overflow, multi-line text overflow - Code World

css3 single text overflow, multi-line text overflow

Others 2019-07-05 12:54:23 views: null

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box{
            width:200px;
        }
        .item{
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
        } 
        .Mul-Item { 
            overflow : hidden ; 
            text-overflow : ellipsis ; 
            the display : -webkit-Box ; 
            -webkit-Line-CLAMP : 2 ; 
            -webkit-Box-Orient : Vertical ; 

        } 
    </ style > 
</ head > 
< body > 
< div class = "Box" > 
    < the p- class = "Item" > advise you to enter a glass of wine, West of Yang Guan people for no reason. "Cold Moon shines, the autumn wind blows, falling maple leaves in Xunyang river head</ P > 
</ div > 

< div class = "Box" > 
    < P class = "MUL-Item" > searching, desolate, desolately sad. "Poetic feelings Qingzhao, but the rhyme there is more love Song of Qingzhao not only has a" back door in accordance with, yet the green plum sniffing. "Feminine charm; she still has" Still thinking Xiang Yu refused to have Koto. "Free and easy bold </ P > 
</ div > 

</ body > 
< Script > 

</ Script > 
</ HTML >

Guess you like

Origin www.cnblogs.com/qianxunpu/p/11137182.html

css3 single text overflow, multi-line text overflow

Text overflow [single-line and multi-line text overflow]

About CSS, a single line of text, multi-line text display finishing as overflow ellipsis

Single-line, multi-line text overflow hidden

Single line multi-line text overflow displays ellipses

FAQ movement end (single and multi-line text overflow omitted)

Single-line text display overflow ellipsis multi-line text display overflow ellipsis

CSS style: single-line/multi-line text overflow hiding, ellipsis instead

CSS implements single-line, multi-line text overflow display ellipsis

CSS implements single-line, multi-line text overflow display ellipsis (...)

CSS realizes single-line and multi-line overflow and ellipsis effects of text

CSS realizes single-line or multi-line text overflow hides and displays ellipsis

CSS Basics 10-Single/Multi-line Text Overflow Omission

Single-line text overflow ellipsis css

css single line text overflow display ellipsis

Text CSS multi-line overflow hide display ellipsis

Multi-line text overflow little point in the implementation of 3

Multi-line text overflow hidden

How to make single-line text and multi-line text overflow to display ellipsis

css text overflow showing ellipsis (single line and multiline text)

Text overflow | single-line text display overflow ellipsis

How to implement the omission style of single-line/multi-line text overflow?

-webkit-line-clamp multi-line text overflow ...

IE compatible multi-line text overflow omission in vue

Multi-line text-overflow: ellipsis ellipsis failure problem

css text overflow solution

css text overflow handling

CSS text overflow hidden

text-overflow text overflow

css-Set single-line text overflow ellipsis, use the overflow:hidden property to solve the problems that arise.

Recommended

Ranking

error: (-215:Assertion failed) !_img.empty() in function ‘cv::imwrite‘

Database migration between Navicat servers

Minimum number of rotation of the array: Array

balenaEtcher for mac (make a boot disk software) v1.5.67

Custom processing serialization and deserialization in jackson

Mu-en-mask system development software

Mastering Regular Expressions

Find mileage Java--

Web pages can not directly concern the public micro-channel number how to do? A key to arouse public concern number of micro-channel solutions

[CodeForces - 739B] Alyona and a tree Tree + [difference] + bipartite

Daily

More

2024-05-12(28)

2024-05-11(32)

2024-05-10(34)

2024-05-09(32)

2024-05-08(18)

2024-05-07(34)

2024-05-06(6)

2024-05-05(0)

2024-05-04(18)

2024-05-03(8)