CSS
巷口等风
这个作者很懒,什么都没留下…
展开
-
CSS图片间隙产生的原因及解决方法
CSS图片间隙产生的原因及解决方法图片水平间隙现象:当多张图片横向排列时,会产生一定间距-如下图所示(红色部分为间隙)原因:img元素之间的换行符会被当成空格处理解决方法:1.img元素紧挨着写<img src="./小僵尸.jpg" alt="小僵尸图片"><img src="./小僵尸.jpg" alt="小僵尸图片"><img src="./小僵...原创 2019-03-26 20:35:50 · 9005 阅读 · 1 评论 -
你应该要知道的重绘与重排
前言现代web框架大多都是数据驱动类的,比如 react, vue,所以开发者不需要直接接触 DOM,修改 data 便可以驱动界面更新。但是作为前端工程师,了解浏览器的重绘与重排还是很有必要的,可以帮助我们写出更好性能的 web 应用。浏览器的渲染CSS Tree: 浏览器将 CSS 解析成 CSSOM 的树形结构DOM Tree:浏览器将 HTML 解析成树形的数据结构Render ...转载 2019-05-07 10:03:26 · 286 阅读 · 0 评论 -
inline-block间隔问题
常见的inblock-block元素:、、产生原因:在HTML代码里,空格也会占位效果如下图所示(图片之间会有4px左右的空隙):解决办法:1.去除标签之间的空格和回车;<img src="./images/a.jpg" alt=""><img src="./images/a.jpg" alt=""><img src="./images/a.jpg" ...原创 2019-08-01 09:28:52 · 465 阅读 · 0 评论