* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
设置默认边距为0一般都记得，不过我有一次忘记设置 box-sizing（默认是 content-box），导致水平和垂直方向出现了意料之外的滚动条…
……继续阅读 »
tianlan
4个月前 (06-13) 206浏览 0评论
0个赞
溢出处理css
.overflow {
width: 20px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
运用条件
上面那个 class 运用到的元素，必须设置了宽度。
但是 span 标签的 display 默认是 ……继续阅读 »
tianlan
7个月前 (04-13) 323浏览 0评论
0个赞
当 padding、margin 的值设置成百分比时，其是父元素宽度的相对百分比。
所以我们可以利用这个特性，让盒子的高度根据宽度的变化而等比例变化。
……继续阅读 »
tianlan
7个月前 (04-13) 312浏览 0评论
0个赞
一、justify-content对齐问题描述
在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如space-between值可以实现两端对齐。
但是，如果最后一行的列表的个数不满，则就会出现最后一行没有完全垂直对齐的问题。
如下代码：
.container {
display: flex;
ju……继续阅读 »
tianlan
1年前 (2020-09-30) 614浏览 0评论
0个赞
less 和 sass
Sass和Less都属于Css预处理器。
Less是基于JavaScript的在客户端处理，而Sass是基于ruby在服务器处理。
scss
Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。
.sass 和 .scss 拓展名问题
“.sa……继续阅读 »
tianlan
1年前 (2020-09-24) 647浏览 0评论
1个赞
