#Tech #css
有趣的一行css代码
- 顺滑的跳转滚动
html {
scroll-behavior: smooth;
}
配合使用:
<a href="#page2"> 点击跳转 </a>
<div id="page2">
</div>
- 通过鼠标自由调整元素大小
div {
overflow: auto;
resize: both;
/* resize: vertical */
}
- 自动隐藏规定行数后的内容
.box p {
max-width: 20rem;
display: -webkit-box;
-webkit-line-clamp: 3; /* 只显示三行,三行后的文本隐藏 */
-webkit-box-orient: vertical; /*
overflow: hidden;
}
乱数假文Lorem
- 输入
lorem
按tab键。