美文网首页
前端代码技巧- css

前端代码技巧- css

作者: penelope_2bad | 来源:发表于2020-07-02 11:18 被阅读0次
  1. :not()
&.is-active:not(.is-hidden) {
    transform: translateY(-6px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}
  1. 修改antd 的样式
    :global {
    .ant-affix {
    z-index: 100 !important;
    }
    }

  2. 表格长度控制

  .col {
    // word-wrap: "break-word";
    // word-break: "break-word";
    max-width: 10vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
<div className={styles.col} title={text}>
    {text}
</div>

相关文章

  • 前端代码技巧- css

    :not() 修改antd 的样式:global {.ant-affix {z-index: 100 !impor...

  • 搜索框模糊查询

    前端html代码 前端js代码 前端css代码 后端php返回json

  • 兼容ie8的轮播图

    效果图: 前端html代码: 前端css代码: 轮播图js代码:

  • CSS教程汇总

    CSS揭秘实用技巧总结 不止于 CSS 灵活运用CSS开发技巧 前端基础篇之CSS世界 你未必知道的49个CSS知...

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

  • CSS

    前端代码标准最佳实践:CSS篇

  • 2019-08-12 20个让你效率更高的CSS代码技巧

    20个让你效率更高的CSS代码技巧 前端速报1周前 在这里想与你分享一个由各大CSS网站总结推荐的20个有用的规则...

  • 前端性能优化 网页生成过程: HTML代码转化成DOM CSS代码转化成CSSOM(CSS Object Mode...

  • 如何能提高CSS编写技巧 提高Web前端开发效率

    如何能提高CSS编写技巧?怎么学好Web前端开发?很多人在学习Web前端时,刚开始都会学习HTML和CSS,HTM...

  • 前端技巧总结1——css篇

    前端技巧总结 CSS篇 去掉type=number的箭头 绝对居中 css媒体查询 iOS去除点击阴影 css滚动条样式

网友评论

      本文标题:前端代码技巧- css

      本文链接:https://www.haomeiwen.com/subject/rcilqktx.html