日常忽略的 CSS 特性

日常忽略的 css 特性

flex 与 margin:auto

效果跟justify-content: space-around;一致

.flex{
    display: flex;
    width: 200px;
    border: 1px solid #f00;
}

.flex div{
    margin: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #f2f2f2;
}

效果如下

filter 背景糊化

.bg{
    filter: blur(2px);
}

效果如下

write-mode可以调节文字排版

.write{
    writing-mode: vertical-rl;
}

text-align-last:justify,设置文字两端对齐

text-align-last:justify

效果如下：

后续还会补充...

(完)