摘要：第一种 运算符间没加空格，如 /*错误示例*/ div{ width: calc(100%-10px); } /*正确写法*/ div{ width: calc(100% - 10px); } 为什么要加空格？其实不是所有运算符间都需要加空格，只有 + 和 - 需要加空格，因为运算允许负数的出现，如 阅读全文

摘要：实现中文竖排通常情况下直接设置 writing-mode: vertical-rl; 即可，顶多加浏览器前缀，如下： -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; 在微信内 阅读全文

摘要：Flex 布局中 SVG 宽高不正常（存在空隙） HTML 中直接使用 svg 标签时，通过样式设置其宽高，正常情况下都是可控的，而如果父级标签设置 display 属性为 flex ，如果里面直接使用 svg 标签，如 <div class="flex-box"> <svg>....</svg> 阅读全文

摘要：好记性不如烂笔头，写了几次都忘了，起个随笔加深下记忆。 HTML <div class="container"> <div><span>肆个字哦</span>：四个字啊</div> <div><span>壹</span>：一</div> <div><span>贰字</span>：两字</div> < 阅读全文

摘要：更新下：好久没用博客园了，今天为了点赞别人的文章又登录了，谢谢chrome帮我记住了账号密码，下面这个效果之前自己已经实现了，分享个演示地址：https://codepen.io/nooby/pen/vKogZB 有一次上数据结构课老师布置了一个用队列的思想通过js和Html来做一个“跳舞配对”的网 阅读全文