使内容不可选择。
使用 user-select: none 使元素的内容不可选择。
️ 注意 这不是防止用户复制内容的安全方法。
<p>你可以选择我。</p>
<p class="unselectable">你不能选择我!</p>
.unselectable {
user-select: none;
}
限制多行文本的行数
- 使用
-webkit-line-clamp设置要显示的最大行数。 - 将
display设置为-webkit-box,并将-webkit-box-orient设置为vertical,因为这是应用-webkit-line-clamp所必需的。 - 应用
overflow: hidden以在文本被裁剪后隐藏任何溢出。
<body>
<p class="excerpt">
春江潮水连海平,海上明月共潮生。
滟滟随波千万里,何处春江无月明。
江流宛转绕芳甸,月照花林皆似霰。
空里流霜不觉飞,汀上白沙看不见。
江天一色无纤尘,皎皎空中孤月轮。
江畔何人初见月,江月何年初照人。
人生代代无穷已,江月年年望相似。
不知江月待何人,但见长江送流水。
</p>
<本站资源均来自互联网，仅供研究学习，禁止违法使用和商用，产生法律纠纷本站概不负责！如果侵犯了您的权益请与我们联系！
转载请注明出处： 免费源码网-免费的源码资源网站 » 07. 禁用选择 & 限制多行文本的行数 & 均匀分布子元素
发表评论 取消回复