摘要：
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的区别，以及无效情况 阅读全文