<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
.a{
height: 30px;
width: 200px;
border: 1px solid #000;
text-overflow: ellipsis; /* 文本溢出显示省略标记 是一种生声明需要配合下面俩个属性才能生效*/
white-space:nowrap; /*强制文本一行显示*/
overflow: hidden; /*溢出隐藏*/
}
.b{
height: 50px;
width: 200px;
border: 1px solid #000;
/*文本换行 靠右显示*/
text-align: right;
}
</style>
</head>
<body>
<div class="a">阿斯达所大大多撒所大所多阿斯达所大</div>
<div class="b">阿斯达所大大多撒所大所多阿斯达所大</div>
</body>
</html>
css 文字换 以 超出胜率
最新推荐文章于 2024-10-12 09:29:40 发布