![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
QiuRenBB
莫等闲、白了少年头,空悲切。
展开
-
css3_关于px、em、rem的区别详解
前言在CSS中,尺寸单位分为两类:相对长度单位和绝对长度单位。相对长度单位:按照不同的参考元素,又可以分为字体相对单位和视窗相对单位。字体相对单位:em、ex、ch、rem;视窗相对单位:vw、vh、vmin、vmax。绝对长度单位:则是固定尺寸,它们采用的是物理度量单位:cm、mm、in、px、pt以及pc。但在实际应用中,我们使用最广泛的则是em、rem、px以及百分比(%)来度量页面元素的尺寸。px单位 px是像素单位,也是绝对长度单位的一种。也就是说它的尺寸是固定的,原创 2022-03-02 15:38:48 · 321 阅读 · 0 评论 -
css3_设置滚动条隐藏的样式
HTML部分<div class="chat"> <div class="chat-window"></div></div>CSS部分.chat{ width: 100%; height: 100%;}.chat-window{ width: 100%; height: calc(100% - 100px); overflow: auto;}.chat-window::-webkit-scrollbar { w原创 2022-03-09 09:37:14 · 208 阅读 · 0 评论 -
css3_实现文字两端对齐或文字在容器中平均分布
我们在做项目时,难免会遇到如下红色框中文字对齐的需求,那么具体是怎么实现的呢?1、早期老套的方法:相信很多人遇到这个需求时,脑海中闪过的第一个做法就是给文字与文字之间添加空格符"   " 或" &emsp ",然后慢慢的去调整,这个做法实在是em。。。。。。代码如下:效果如下:我心态崩了。。。。。。。。2、当下流行的方法:无意间了解到 text-align:justify 的用法,我不由的心里直呼" 我屮艸芔茻 "原来还有这种操作?????我满怀期待的试一下:原创 2021-08-25 09:55:22 · 4656 阅读 · 0 评论 -
css3_设置文字在一行内显示,超出部分显示省略号
前言日常我们在做项目的过程中都会遇到需要给一行文字很多的情况下,设置…样式。正常情况下使用一下代码就能实现:white-space:nowrap; //段落中的文本不进行换行overflow:hidden; //超出宽度部分隐藏text-overflow:ellipsis; //当文本溢出时,要发生的事。有三个值: clip - 修剪文本;ellipsis - 显示省略号来代表被修剪的文本;string - 使用给定的字符串来代表被修剪的文本width: xxx; //宽度自己设定,一原创 2021-12-09 16:09:24 · 6493 阅读 · 1 评论