常见css的用法（持续更新中....）

1.换行

// 带英文字母的那种哦
white-space: normal;
word-break: break-all;

2.不换行

// 带英文字母的那种哦
white-space: nowrap;

3.限定行数

// 用于限制块容器可能包含的行数
-webkit-line-clamp: 4;
// 配合-webkit-line-clamp来使用，
// 参考地址：https://jskoa.com/book/css/webkit/text/line-clamp.htm
display: -webkit-box;

4.显示省略号

// 当内容超过盒子宽度, 隐藏溢出部分
overflow: hidden;
// 如果溢出的内容是文字, 就用省略号代替
text-overflow: ellipsis;

提示：如果需求是换行+限定行数+省略号则代码为：1 + 3 + 4

滚动条的样式

/* 一般浏览器的不要太小，容易看不见 */
html::-webkit-scrollbar {width: 8px;
}
html::-webkit-scrollbar-thumb {border-radius: 5px;background: rgba(0,0,0,0.2);
}
html::-webkit-scrollbar-track {border-radius: 0;background: rgba(0,0,0,0.1);
}
// 参考地址：https://blog.csdn.net/NineWaited/article/details/126450775

常见css的用法（持续更新中....）相关推荐

Linux常见命令作用（持续更新中，欢迎提议支持）
Linux常见命令作用(持续更新中,欢迎提议支持) 1.ifconfig 查看ip地址 2.cd 切换工作目录(跳转路径) cd 路径切换至工作目录"路径" 下同,指令后面都可附 ...
Python爬虫及其它函数知识读记及简单用法,持续更新中...
Python爬虫相关函数知识读记及简单用法,持续更新中- requests [riˈkwests] n. 请求,要求( request的名词复数 ): 需要: 所请求的事物: 申请书函数或单词- 音 ...
有关树的常见算法汇总【持续更新中】
关于数据结构中--树的算法汇总[持续更新中] 0.树的顺序和链式存储结构 [完成] 1.树的前序遍历(递归和非递归java实现) [完成] 2.树的中序遍历(递归和非递归java实现) [完成] 3. ...
W5100常见问题解答汇总（持续更新中）
1.[问题]W5100的功耗是多少? 正常运行:低于150mA 初始运行:190mA 我们建议设计应该是基于200mA的情况来处理. 2.[问题]W5100兼容5V电压吗? W5100基于3.3V电压 ...
mysql语录错误1300_mysql 语句常见错误汇总（持续更新中）
1. 表名和属性名按照规范应该加反引号``(就是键盘上esc键下面,"1"键左边的那一个), 否则如果字段中出现某些关键字, 会引起歧义并报错. 例如: insert int ...
本专栏所有力扣题目的目录链接, 刷算法题目的顺序(由易到难/面试频率)/注意点/技巧, 以及思维导图源文件问题(持续更新中)
这篇文章为本专栏所有力扣题目提供目录链接, 更加方便读者根据题型或面试频率进行阅读, 此外也会介绍我在刷题过程中总结的刷算法题目的顺序/注意点/技巧, 最后说下文中出现的思维导图源文件的问题和打卡 ...
最值得收藏的数字图像处理全部知识点思维导图整理(武汉大学慕课课程)(持续更新中)
本文的思维导图根据慕课上的武汉大学数字图像处理国家精品课程整理而来并标记出重点内容思维导图就整理了这么多,之后应该也不会更新此内容了, 有需要的可以去我的主页了解更多学科的精品思维导图整理本文 ...
面试1：Java、微服务、架构常见面试题（持续更新中）
Java.微服务.架构常见面试题(持续更新中) 文章目录 Java.微服务.架构常见面试题(持续更新中) ==**Java**== 1.Java概述 (1)JVM.JRE和JDK (2)Java特点 ...
前端面试题（附答案）持续更新中……
前端面试笔记前言一.HTML篇 1.语义话的目的是什么?? 2.HTML5新特征??? 3.cookie与sessionStorage和localStorage的区别??? 二.CSS篇 1.cs ...
嵌入式相关开源项目、库、资料------持续更新中
学习初期最难找的就是找学习资料了,本贴精心汇总了一些嵌入式相关资源,包括但不限于编程语言.单片机.开源项目.物联网.操作系统.Linux.计算机等资源,并且在不断地更新中,致力于打造全网最全的嵌入式资 ...

常见css的用法（持续更新中....）

1.换行

2.不换行

3.限定行数

4.显示省略号

滚动条的样式

常见css的用法（持续更新中....）相关推荐

最新文章

热门文章