CSS 解决方案
文章平均质量分 74
以张鑫旭《css世界》、《精通css》为基础,融合实际开发过程中遇到的各种样式相关问题,输出学习笔记。
云之遥_
P0 | 前端一年级小学生
展开
-
如何在 iconfont 中使用彩色图标
如何在 iconfont 中使用彩色图标原创 2024-02-04 14:29:49 · 934 阅读 · 0 评论 -
如何实现单行&多行溢出隐藏
文章目录实现代码属性详解word-breaktext-overflowwhite-space-weblit-line-clamp实现代码 /* 单行隐藏 - 支持中文截断、英文截断 */ .single-line-CN , .single-line-EN{ width: 200px; word-break: break-all; text-overflow...原创 2019-11-18 14:30:45 · 519 阅读 · 1 评论 -
面试题 - 六种通过CSS绘制三角形的方式
文章目录利用的主要原理代码实例第一种 : 含有宽高的div第二种:不含宽高的div第三种:缺少一个border的div第四种:缺少两个border的div第五种:设置一遍为透明色的div第六种:设置两边为透明色的div总结利用的主要原理border-widthborder-color的 transparent 属性代码实例第一种 : 含有宽高的div#trigger{ wi...原创 2019-04-29 14:26:13 · 239 阅读 · 1 评论 -
一文看透Flex布局及常用属性
文章目录什么是Flex布局适用范围使用时应该注意些什么?flex布局中的一些基本概念容器和项目项目在容器中的显示容器的一些属性flex-direction 属性flex-wrap属性flex-flow属性justify-content 属性align-items 属性项目的一些属性order属性flex-grow 属性flex-shrink 属性flex-basis属性flex属性align-se...原创 2019-05-14 19:33:22 · 29746 阅读 · 9 评论 -
面试题 - 七种元素垂直居中的视线方式
文章目录【一】知道居中元素的宽高absolute + 负marginabsolute + margin autoabsolute + calc【二】居中元素的宽高未知absolute + transformflex布局table-cell布局table元素【一】知道居中元素的宽高absolute + 负margin代码实现.wrapBox5{ width: 300px; h...原创 2019-05-06 17:06:48 · 25336 阅读 · 1 评论