![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
HsuVenChing
愿我十八岁所爱之人是六七十岁身旁所伴之人
展开
-
Vue控制CSS文字只显示前几位
一开始以为给点宽度,溢出的隐藏和显示... overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 180px;但需求似乎并不想这样显示,而是精确显示前几位使用数组截取前6位再添加...,虽然别扭了点,但好歹也算是满足需求了吧 {{item.nick.length > 6? item.nick.substr(0, 6) + '...': item.nick }}...原创 2021-04-09 11:31:35 · 1341 阅读 · 0 评论 -
css边框渐变background: linear-gradient和边框圆角border-radius问题
今天在布局的时候,有一处需要同时用到border-image和border-radius。但这两个刚好不能同时使用,会照成border-radius无法正常生效。经过同事指定,网上也有类似教程,可能本人笨吧,没咋看明白。直接上代码通过使用padding设置border使用background替换border线性渐变效果(一开始我按照其他教程去做,其实能做出来,却是有一处自己有个样式没处理好,导致以为不完美。按照别人教程做的时候,一定要看清自己代码结构)<!DOCTYPE原创 2021-03-12 15:44:59 · 2125 阅读 · 0 评论