CSS小技巧收集

清疚 2022-10-11 01:15 221阅读 0赞

多行文本末尾省咯号

  1. overflow: hidden;
  2. text-overflow: ellipsis;
  3. display: -webkit-box;
  4. -webkit-box-orient: vertical;
  5. -webkit-line-clamp: 2;

解决flex space-between 最后一行数目不足显示问题

  1. /** 方法1 */
  2. display: grid;
  3. justify-content: space-between;
  4. grid-template-columns: repeat(auto-fill, 110px);
  5. grid-gap: 10px;
  6. /** 方法2 */
  7. /** 末尾添加空的i标签补齐 */

VUE 样式穿透

  1. ::v-deep .class-name{ }

水平滚动轴

  1. overflow-x:scroll;
  2. overflow-y:hidden;
  3. white-space:nowrap;

发表评论

表情：
评论列表 （有 0 条评论，221人围观）

还没有评论，来说两句吧...

相关阅读

    相关 ps小技巧收集

    ps小技巧收集   建立圆角矩形选区 用圆角矩形工具画出圆角矩形，勾选上面的路径选项，将画出的圆角矩形路径，按ctrl+回车变为选区就可以了。   快速生成

    忘是亡心i忘是亡心i/ 0 赞/ 136 阅读

    相关 電腦使用小技巧收集

    1. 让電腦中某软件打不开 在其安装目录下新建一个文件名为ws2\_32.dll的文件，这样系统就会以文件出错误而禁止运行（可以新建一个内容为空的文本文件，然后改名为ws2\

    梦里梦外;梦里梦外;/ 0 赞/ 223 阅读

    相关 CSS样式设置小技巧

    1 水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。 这里我们又得分两种情况：[行内元素][Li

    Dear 丶Dear 丶/ 0 赞/ 324 阅读

    相关 CSS样式设置小技巧

    水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。 这里我们又得分两种情况：行内元素还是 块状元素

    灰太狼灰太狼/ 0 赞/ 359 阅读