当前位置：网站首页>文本样式

文本样式

2022-07-27 12:48:00 【不好意思，此人不存在】

文本的对齐以及溢出部分显示成省略号

<!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 文本的水平对齐 可选值： left 左侧对齐 right 右对齐 center 居中对齐 justify 两端对齐 */ /* vertical-align 设置元素垂直对齐的方式 可选值： baseline 默认值 基线对齐 top 顶部对齐 bottom 底部对齐 middle 居中对齐 */ /* vertical-align: baseline; */ /* text-decoration 设置文本修饰 可选值： none 什么都没有 underline 下划线 line-through 删除线 overline 上划线 */ /* white-space 设置网页如何处理空白 可选值： normal 正常 nowrap 不换行 pre 保留空白 */ white-space: nowrap; overflow: hidden; /* 设置溢出的部分显示省略号 */ 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>
原网站

版权声明
本文为[不好意思，此人不存在]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_44278908/article/details/114090524

边栏推荐

猜你喜欢

随机推荐