随笔分类 -  CSS

摘要:第一种 运算符间没加空格,如 /*错误示例*/ div{ width: calc(100%-10px); } /*正确写法*/ div{ width: calc(100% - 10px); } 为什么要加空格?其实不是所有运算符间都需要加空格,只有 + 和 - 需要加空格,因为运算允许负数的出现,如 阅读全文
posted @ 2021-01-10 22:46 _fn 阅读(2613) 评论(0) 推荐(0)
摘要:实现中文竖排通常情况下直接设置 writing-mode: vertical-rl; 即可,顶多加浏览器前缀,如下: -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; 在微信内 阅读全文
posted @ 2020-09-10 10:20 _fn 阅读(669) 评论(0) 推荐(0)
摘要:Flex 布局中 SVG 宽高不正常(存在空隙) HTML 中直接使用 svg 标签时,通过样式设置其宽高,正常情况下都是可控的,而如果父级标签设置 display 属性为 flex ,如果里面直接使用 svg 标签,如 <div class="flex-box"> <svg>....</svg> 阅读全文
posted @ 2020-08-12 18:16 _fn 阅读(1846) 评论(0) 推荐(0)
摘要:好记性不如烂笔头,写了几次都忘了,起个随笔加深下记忆。 HTML <div class="container"> <div><span>肆个字哦</span>:四个字啊</div> <div><span>壹</span>:一</div> <div><span>贰字</span>:两字</div> < 阅读全文
posted @ 2020-07-21 14:43 _fn 阅读(263) 评论(0) 推荐(0)
摘要:更新下:好久没用博客园了,今天为了点赞别人的文章又登录了,谢谢chrome帮我记住了账号密码,下面这个效果之前自己已经实现了,分享个演示地址:https://codepen.io/nooby/pen/vKogZB 有一次上数据结构课老师布置了一个用队列的思想通过js和Html来做一个“跳舞配对”的网 阅读全文
posted @ 2015-11-18 13:41 _fn 阅读(988) 评论(0) 推荐(0)