white-space: nowrap; 使文章不换行
首先,安装 postcss-px-to-viewport,这玩意就是核心 看名字很容易看出用途吧,把px转换成vw
vx 也可以叫自适应单位 根据可视窗口的百分比来分配vw wh
这样就能使用vh vw了
vue 中使用省略号
display: -webkit-box;/作为弹性伸缩盒子模型显示/
-webkit-line-clamp: 1; /显示的行数;如果要设置2行加…则设置为2/
overflow: hidden; /超出的文本隐藏/
text-overflow: ellipsis; /* 溢出用省略号*/
-webkit-box-orient: vertical;/伸缩盒子的子元素排列:从上到下/
一些css样式记录(持续更新)
最新推荐文章于 2021-12-02 00:05:12 发布