wxiao_xiao_miao的博客

如何实现给table表头加斜线

1. 使用图片当做边框，必须先设置边框 border2. 图片边框不占用空间。div里如果放内容，内容还是和border有关系，和border-image没有关系3. 盒子不能太小，至少应该把图片边框显示完整。border-image:图片地址 切割位置/图片边框的宽度 效果(默认是拉伸) //复合写法 border-image: url('./images/border.jpg') 167/20px; // border-image-s..

​Grid布局与display:flex 弹性布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。Grid 布局远比 Flex 布局强大。Grid 布局只对项目生效，不包含项目的子元素。​

CSS Grid 网格布局教程 - 阮一峰的网络日志

:root { ::-webkit-scrollbar { width: 7px; height: 5px; background: #fff; border-radius: 5px; /*外层轨道*/ } ::-webkit-scrollbar-thumb { display: block; width: 2px; margin: 0 auto; border-radius: 5px; background: #ccc;.

1.一行内，超出部分显示省略号：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2.多行文字超出部分显示省略号：display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

中文能自动换行，针对字母、数字不会自动换行问题，需增加一行 word-break:break-all;