随笔分类 -  css

摘要:在页面布局中,我们会常用到 flex 布局实现一行多列/多行多列元素均匀排列,需要设置 justify-content: space-between 或者 justify-content: space-around (space-between可以简单理解为元素两端对齐,间距相同,space-aro 阅读全文
posted @ 2022-03-22 19:42 shellon 阅读(10932) 评论(0) 推荐(0)
摘要:实现效果 效果一: 效果二: 实现思路 canvas实现 1. 绘制三角形 // html <canvas id="triangle" width="30" height="30"> Your browser does not support the canvas element. </canvas 阅读全文
posted @ 2021-12-24 17:20 shellon 阅读(616) 评论(0) 推荐(0)
摘要:遇到的问题 明明设置了line-height = height,但在H5页面里文字并没有居中。 原因 因为line-height是两条基线之间的距离,当元素高度和font-size差距较大时,会出现不居中的情况。(PS:这个原因是在别的文章里看到的,没能完全理解,也不确定对不对,所以搬到这里仅供参考 阅读全文
posted @ 2021-10-08 18:15 shellon 阅读(1327) 评论(0) 推荐(0)
摘要:效果图 实现思路 编辑一个svg文件,可以自定义线条颜色和粗细。 将svg文件转为base64格式,作为背景图属性设置。 svg转base64的网址:https://www.sojson.com/image2base64.html 实现代码 # line.svg <svg xmlns="http:/ 阅读全文
posted @ 2021-06-07 15:08 shellon 阅读(1039) 评论(0) 推荐(0)