CSS
文章平均质量分 94
一些实用的CSS笔记和使用技巧。
hufi
学无止境,执之以恒;
脚踏实地,仰望星空。
展开
-
比较全的 “文本溢出截断省略” 方案集合
在我们的日常开发工作中,文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ,但在实现上却有不同的区分,是单行截断还是多行截断?多行的截断判断是基于行数还是基于高度?这些问题之下,都有哪些实现方案?他们之间的差异性和场景适应性又是如何?凡事就怕较真,较真必有成长。本文试图通过编码实践,给出一些答案。1、先来点基础的,单行文本溢出省略核心 CSS 语句overflow: hidden;// 文字长度超出限定宽度,则隐藏超出的内容white-space: nowrap;// .转载 2020-05-14 19:44:05 · 284 阅读 · 0 评论 -
自定义Iconfont 图标库并应用于自己的项目中
一般做项目时,或多或少都会用到一些小icon图标,使用icon图标的优点很多,比如体积小、易调节大小、颜色等,更重要的是使用图标可以让页面显示增加的简洁和美观,但有时使用的框架提供的图标满足不了我们项目需求,那就需要去寻求更加适合的图标。接下来就介绍如何生成自己的icon图标库。我们可以使用阿里巴巴矢量图标库,里面有着非常丰富的icon图标样式,总有一款适合你。阿里巴巴矢量图标库1. 搜索自...原创 2020-01-08 15:21:18 · 937 阅读 · 0 评论 -
CSS盒模型详解
CSS 盒子模型(Box Model)所有HTML元素可以看作盒子,在CSS中,盒子模型可以用来对元素进行布局,包括内边距,边框,外边距,和实际内容这几个部分。盒子模型分为两种 第一种是W3c标准的盒子模型 标准盒模型,第二种IE标准的盒子模型 怪异盒模型当前大部分的浏览器支持的是W3c的标准盒模型,也保留了对怪异盒模型的支持,当然IE浏览器沿用的是怪异盒模型。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”,怪异模式主要表现在IE内核的浏览器。一、标准盒模型与怪异盒模型的表.原创 2020-05-16 23:51:30 · 322 阅读 · 0 评论