08 2019 档案
摘要：信息展示或记录或讲解的时候，常常诸如屏幕录制并生成gif图的需求，现在在用的一个工具是:ScreenToGif,开源免安装，感觉用起来还挺方便的。 ScreenToGif： https://github.com/NickeManarin/ScreenToGif/releases 下载链接： http
阅读全文
摘要：css定宽高比，很久没做过这个需求了，记得之前都是直接用js来处理的，本例运用flex + 伪类 + padding的css的实现方法，涉及到三个点。 1：上下padding的值，相对于最近父级的宽 2：flex布局，未设置高的具体值的时候，其值等于子级内容最大的高度 3: 伪类，content为空
阅读全文
摘要：flex布局极大程度上方便了页面的构建，如下的几种布局当中，为了不增加额外的标签来嵌套，单独使用flex布局的话，还需要其他一些设置来处理，比如与伪元素的配合使用，这个下次再进行描述，这里flex与margin的使用配合，个人认为是目前自己用过最方便的一种方法。 参考链接: 你未必知道的49个CSS
阅读全文
摘要：第 60 题：已知如下代码，如何修改才能让图片宽度为 300px ？注意原始代码不可修改。 img { min width: 700px; } <!DOCTYPE html width & max width .wrapper { width: 500px; margin: 50px auto; }
阅读全文
摘要：属性设置如何处理元素内的空白。 参考链接：常见样式问题七、word break、word wrap、white space区别
阅读全文
摘要：一、无效原因： 可能是元素中设置的white space是norwrap，所以无法换行。 二、解决方法：将white space的值设置成normal自动换行 参考链接：word wrap与word break的区别，以及无效情况
阅读全文
