技巧源于对 writing-mode 的把控,全程不需要JS,先通过 vertical-lr 改成竖列的从左到右排序,再通过子项的 horizontal-tb 把数列内容纠正成横排的从上到下叠放(这是HTML的div叠放规则) ,代码如下   <!DOCTYPE html> ...

CSS 控制打印样式累总。   1、专属样式 CSS 有专属于打印的样式表达,通过媒体查询 @media print{ ... }表示样式在打印时才起作用,控制打印页面的有 @page { ... } 。   2、页面大小 默认的,size 的默认值为 auto ; 定义 ...

css 属性 display 问题解析

作者:大朗

趁着空余时间,回顾总结一下常用的 display 属性,总结中或许能给予你些许帮助。 block 宽度问题: 宽度以外空余地方,仍然占据,一行 对齐问题: 上级 text-align 无法作用于区块 当前 margin: auto 可以令区块居中 vertical-alig ...

CSS3 选择器 ~

作者:大朗

CSS 选择器中的 element1 ~ element2 作用:同一父级元素下,选中当前 元素1 后面的所有 元素 2 ,元素 2 无需紧随 元素1。 如图示例: id 为 pare 的子级有 h1 p div 三个标签。指定 h1 后面所有 p 标签变绿了,而位于前面的不会变绿 ...