Beyond the text appears ellipsis does not wrap - Code World

Beyond the text appears ellipsis does not wrap

Others 2019-05-28 19:20:53 views: null

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>text</title>
</head>
<style>
    
    .text{
      width:100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
</style>
<body>
    <div style="width:200px">
        <p class="text">20-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-76</p>
    </div>
</body>
</html>

Guess you like

Origin www.cnblogs.com/liujiale/p/10937360.html

Beyond the text appears ellipsis does not wrap

CSS implementation does not wrap / wrap / display hidden text beyond the ellipsis

Text does not wrap, display an ellipsis

CSS text beyond extra long line wrap ellipsis

By ellipsis or text exceeds Wrap

css text beyond ellipsis

Hide ellipsis does not wrap tips and / Indent spacer alphabetic character attributes beyond a single line

css text beyond display ellipsis

css text truncation, beyond the text ellipsis display

js beyond text to show the number of ellipsis

css implements text beyond width ellipsis display

CSS text goes beyond hidden and shows ellipsis

HTML text ellipsis beyond maximum width displayed

css achieve vertical center text and wrap, excessive ellipsis character display

css achieves the display of ellipsis and control text beyond the part

js controls the number of characters displayed in the text, beyond the display ellipsis

js controls the number of characters displayed in the text, beyond the display ellipsis

Use CSS to set text beyond 2 lines to display as ellipsis

Only display a few lines of text beyond the hidden part and display the ellipsis

text abbreviated text beyond display ellipsis controls the number of lines beyond omitting

The ellipsis appears when multi-line text overflows

The last ellipsis "..." of CSS multi-line text The method of hiding and displaying the ellipsis beyond the last line of multi-line text

Hidden text beyond the mouse and put up an ellipsis hour display all written text messages

When there is too much text in a line of Vue, use ellipsis... to hide the content beyond the text.

table td text is longer than the length of the content beyond the ellipsis hidden, you click on Show All Content

The front-end css text single line and two lines beyond become an ellipsis solution @莫成尘

CSS controls single-line or multi-line text beyond the display ellipsis

After the text displays a single line or multiple lines, it is hidden beyond the display ellipsis

css text length realizes width adaptation, displaying three lines beyond the ellipsis

css beyond the two lines of the ellipsis, ellipsis beyond the line

Recommended

The number of MaxKB GitHub Stars, an open source knowledge base question and answer system based on large language models, exceeded 5,000!

Ranking

Getting the basic concepts of ROS + catkin Profile

Spring Learning (2) --- Assembling Beans in the IoC Container

js to get the src attribute of the image regularly

STM32 is based on CubeIDE and HAL library basics entry study notes: Bluetooth WIFI STM32 connects to Alibaba Cloud

Short video learning - 3, pandas simple use of pivot_table

Print directory of project configuration log, output log

Understand the difference between vi and vim in Linux in 3 minutes

1 + x certificate Web front-end development HTML5 special exercises

mangodb save and insert the difference

7-1 Family tree processing (50 points) (binary tree solution)

Daily

More

2024-05-13(8)

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)