#Tech #css

有趣的一行css代码

1. 顺滑的跳转滚动

html {
	scroll-behavior: smooth;
}

配合使用：

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

<div id="page2">

</div>

2. 通过鼠标自由调整元素大小

div {
	overflow: auto;
	resize: both;
	/* resize: vertical */
}

3. 自动隐藏规定行数后的内容

.box p {
	max-width: 20rem;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 只显示三行，三行后的文本隐藏 */
	-webkit-box-orient: vertical; /* 
	overflow: hidden;
}

乱数假文Lorem

• 输入lorem按tab键。