整理自己的随笔,把一些可能用到的知识分享如下:
1、border-collapse:collapse; //表格无边框
2、多行文本显示省略号:
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
!注意,有时候设置了换行也不会生效,有可能是父级元素设置了white-space:nowrap;(这个语句表示:文本不会换行,文本会在在同一行上继续,直到遇到 < br /> 标签为止。)
这时候在需要换行省略号的元素加上white-space: pre-wrap;可以解决上面问题。
3、任意浏览器的默认字体高都是16px,未经调整的浏览器都符合1rem=16px;
为了简化font-size的换算,可以在css中的html中设置font-size=62.5%,这样的话rem的值变成16px*62.5%=10px,那么12px=1.2rem,10px=1rem
4、attr()和prop()的区别?
操作对象不同,attr(attribute):表示html文档节点的属性; prop(property):表示js对象的属性;
(未完待续...)