最近的一个项目页面中，有很多三角形icon，在不考虑IE兼容性下，使用了css实现三角形，记录一下代码。1、实心三角形，利用transparent实现（1）设置线条宽50px，div 宽高0 {代码...} （2）当我们只想要一个三角时，只需设置其他boder颜色透明即可。 {代码...} （3）在(2)中我们生成的是一个扁平三角形，可以设置线条的宽...

一、 不定宽高元素水平垂直居中1、transform: translate() {代码...} 缺点：IE9以下不兼容2、flex 布局，利用justify-content和align-items 实现居中 {代码...} 3、使用table+table-cell实现垂直居中，display:inline-block;或margin: auto;实现水平居中 {代码...} 4、伪元素：after, :before 使用inline-block+ vertica...

1、v-show（1）无论条件是真假都被编译，然后被缓存，而且DOM元素保留渲染页面结构后，通过 "display:none" 控制元素状态，并且在之后一直存在。当切换v-show模块时，只是简单的更改css。（2）v-show不支持tamplate标签