CSS
文章平均质量分 76
辰枫Sir.
这个作者很懒,什么都没留下…
展开
-
BFC到底是什么?如何理解
BFC 全称:Block Formatting Context, 名为 "块级格式化上下文"。W3C官方解释为:BFC它决定了元素如何对其内容进行定位,以及与其它元素的关系和相互作用,当涉及到可视化布局时,Block Formatting Context提供了一个环境,HTML在这个环境中按照一定的规则进行布局。原创 2023-02-16 10:29:44 · 1798 阅读 · 0 评论 -
纯css实现多行文本展开收起
这里我们也需要用到这个特性,首先加一个 input,然后把之前的 button 换成 label ,并且通过 for 属性关联起来!有一个技巧,凡是碰到需要动态修改内容的,都可以使用伪类 content 生成技术,具体做法就是去除或者隐藏按钮里面的文字,采用伪元素生成!这样,在点击 label 的时候,实际上是点击了 input 元素,现在来添加两种状态,分别是只显示 3 行和不做行数限制。这里还有一个小问题,“展开”按钮在点击后应该变成“收起”,如何修改呢?查看完整代码及体验效果。原创 2022-11-10 14:46:36 · 512 阅读 · 0 评论