前端小知识

109 阅读1分钟

整理自己的随笔,把一些可能用到的知识分享如下:

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对象的属性;

(未完待续...)