当前位置：网站首页>Text style

Text style

2022-07-27 13:22:00 【Sorry, this person doesn't exist】

The alignment and overflow of the text are displayed as ellipsis 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style> div{
      width: 200px; /* border: 1px red solid; */ /* text-align  Horizontal alignment of text   Optional value ： left  Left alignment  right  Right alignment  center  Align center  justify  full-justified  */ /* vertical-align  Set the vertical alignment of elements   Optional value ： baseline  The default value is   Baseline alignment  top  Align Top  bottom  Align Bottom  middle  Align center  */ /* vertical-align: baseline; */ /* text-decoration  Set text modifiers   Optional value ： none  Nothing there?  underline  Underline  line-through  Delete line  overline  Top line  */ /* white-space  Set how web pages handle white space   Optional value ： normal  normal  nowrap  Don't wrap  pre  Leave blank  */ white-space: nowrap; overflow: hidden; /*  Set the overflow part to display ellipsis  */ text-overflow: ellipsis; } </style>
</head>
<body>
    <div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus officiis reiciendis quos magnam similique distinctio? Quia, consequatur quasi in laborum alias nisi unde delectus, autem ab, maxime voluptatibus animi cum!</div>
</body>
</html>
原网站

版权声明
本文为[Sorry, this person doesn't exist]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/208/202207271110149165.html

边栏推荐

猜你喜欢

随机推荐