跳到主要内容

#Tech #css

有趣的一行css代码

  1. 顺滑的跳转滚动
html {
scroll-behavior: smooth;
}

配合使用:


<a href="#page2"> 点击跳转 </a>

<div id="page2">

</div>
  1. 通过鼠标自由调整元素大小
div {
overflow: auto;
resize: both;
/* resize: vertical */
}
  1. 自动隐藏规定行数后的内容
.box p {
max-width: 20rem;
display: -webkit-box;
-webkit-line-clamp: 3; /* 只显示三行,三行后的文本隐藏 */
-webkit-box-orient: vertical; /*
overflow: hidden;
}

乱数假文Lorem

  • 输入lorem按tab键。