<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*********** 设置文本溢出省略号*********************** */
.box2{
width: 400px;
/*
white-space 设置网页如何处理空白
可选值:
normal 正常
nowrap 不换行
pre 保留空白,就是你怎么写它怎么显示,包括空包区域
*/
/* white-space: pre; */
white-space: nowrap;
/* 裁剪溢出区域 */
overflow: hidden;
/* 文本溢出设置省略号 */
text-overflow: ellipsis;
}
</style>
</head>
<body>
</div>
<div class="box2">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto exercitationem, blanditiis non velit in illum quia autem magnam dicta aperiam quod ratione ipsa sapiente? Eos architecto dignissimos libero saepe! Distinctio.
a
a
a
</div>
</body>
</html>
15.1文本溢出标记——H5C3
最新推荐文章于 2024-09-05 14:01:36 发布