通过浏览器扩展插件可以提高你的工作效率，之前锋哥已经给大家推荐过不少扩展插件了，今天又找了 10 款实用的浏览器扩展插件，觉得有用就点个赞吧。* 下面的扩展插件支持 Chrome / Edge 以及其它基于 Chromium 的浏览器。

那些你总是记不住但又总是要用的css

有没有经常遇到一些样式每次写都要用百度呢？我收集了一些我平时经常要用到的但又总是记不住的样式。有错误的地方欢迎指正。

一、设置input 的placeholder的字体样式

input::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
    color: red;
}
input::-moz-placeholder { /* Firefox 19+ */  
    color: red;
}
input:-ms-input-placeholder { /* IE 10+ */
    color: red;
}
input:-moz-placeholder { /* Firefox 18- */
    color: red;
}

1、多行文本水平居中：利用display: table属性

#container{

 width: 600px;

 height: 300px;

 border: 1px solid black;

 display: table;

}

#text{

 display: table-cell;

 vertical-align:middle;

 text-align: center;

}

大家好，在上一篇文章里 CSS小知识，分享14个你可能还未用上但又实用的CSS属性（上）

为大家精心准备了工作中常用的CSS样式，都是自己工作中常用到的记录发，分享给大家，如果觉得可以希望点赞关注和评论。

废话不多说先上图:

（本文转发，如有侵权，立刻删除！）

作者：Geek喜多川

https://juejin.cn/post/7159105009232117774

ch 应该是一个鲜为人知的计算单位。

ch 是一个相对于数字0的大小。

1ch 就是数字 0 的宽度。

比如定义一个 3ch 宽度的容器，就只能装下3个0。

<style>
  div {\
   width: 3ch;\
   background: powderblue;\
  }
</style>

<div>0000</div>