npm install wuzhe-ui
html
`
也就是带有 action 属性的表单里包含的 input 元素,这样的结构就会被输入法认定为表单的功能,会在键盘上显示出“前往”的按钮
2. :valid伪类选择器,表示内容验证正确的input或其他form元素。:valid是和 input 中的“required”属性对应的,input 元素有内容时“required”验证条件就会通过,这时候 :valid 选择器就会选中这个 input。
3. 实现容器垂直方向顶部和底部分别与兄弟盒子顶部和底部对齐:
`css
display: flex;
flex-direction: column;
justify-content: space-between;
`
4. 多行文本截断:
`css
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
`
踩坑之路
1. 使用多行文本截断的less样式,由于编译less的autoprefixer设置不正确,下面这行代码没有正确编译到最终的css文件里:
`css
-webkit-box-orient: vertical;
`
导致text-align: center不起作用;将autoprefixer的设置项改为cover: 99.5%后,最终编译出来的css文件,就有了-webkit-box-orient: vertical`,多行文本截断以及文本水平居中也生效了。