标签：CSS

第68页

Css flex

flex-direction属性决定主轴的方向（即项目的排列方向）。 flex-direction: row | row-reverse | column | column-reverse; row（默认值）：主轴为水平方向，起点在左端。 ...

<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" conten...

需求背景根据需要，需要对span的宽度进行设置，但是自己给span设置了宽度之后并没有什么用手动设置宽度之后没有起作用原因： CSS中的width属性并不总是有效的，如果对象是inline对象，width属性就会被忽略。解决将sp...

同学们好，我是来自《技术银河》的 💎 三钻。这一周我们重新回到《重学 CSS》系列，之前的文章中我们重新学习了《 CSS 选择器》和《 CSS 语法与规则》。接下来我们就一起来讲讲 CSS ...

1、line-heigth 和heigth 相等单行内容垂直居中 2、padding-top和padding-bottom 相等容器高度可变，多行内容垂直居中。 3、display: table-cellvertical-align：mid...

html: <div class=\"bigBox\"><div class=\"smallBox\"></div><div class=\"smallBox\"></div>&l...

像素和百分比和长度

为元素添加鼠标事件mouseover时，元素会出现闪烁。项目实现：当鼠标移进item-box元素时，元素向Y轴方向移动8px <div class=\"item-box\" @mouseover=\"sortOver\">&l...

1:2自适应布局元素的padding的百分比值是基于其父元素的宽度计算的，如此，设置元素宽度width:25%，元素高度不设定，元素padding-bottom:75%，就可以得到一个高宽比为3:1的盒子。或者，元素的宽高都不设定，设置元素...

今天做练习的时候遇到了这样一行代码： height: calc(100% - 70px); ，100%的高度减去70px？？？这是什么函数？竟然支持不同单位之间的运算？！通过查阅资料，我终于认识了这个函数——calc()函数。 calc(...