最近在工作中遇到了一些不常用的布局,很多使用 CSS table 属性,并结合 ::before,::after 伪元素完成了,使得 HTML 的结构相对更简单,更具有语义性.当 HTML 结构越清晰,越有规律时,便于阅读,循环套数据时也可以少很多的判断. 一.有下面这样一个设计,上面是标题,中间是流程图,下面是电话. 很明显: 1. 这个设计图中的所有内容都是居中显示的: 2. 标题部分,分为了中文和英文,下面有两条线,还有一个菱形: 3. 中间部分,流程的每一项,除了最后一项外,每一项下面都