css
sunshine0670
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
文本溢出隐藏
css布局,单行文本以及多行文本溢出隐藏写法 -webkit-line-clamp: 2; 几行就设置为几即可 /*单行文本溢出隐藏:*/ .text{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*两行/多行文本溢出隐藏:*/ .text-2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:原创 2021-09-06 11:20:35 · 140 阅读 · 0 评论 -
支持-webkit-前缀的浏览器,设置自定义滚动条
/*自定义滚动条(支持-webkit-前缀的浏览器)*/ ::-webkit-scrollbar{ /*滚动条宽度*/ width: 8px; height: 8px; } ::-webkit-scrollbar-thumb{ /*拖动条*/ background-color: rgba(0,0,0,.3); border-radius: 6px; } ::webkit-scrollbar-track{ /*背景槽*/ bacckground-color: #ddd; border-r原创 2021-09-03 16:16:02 · 193 阅读 · 0 评论 -
文字少时居中显示,多时居左显示
<div class="box"> <p class="content">xxxx</p> </div> .box { text-align: center; } .content { display: inline-block; text-align: left; }原创 2021-07-30 15:20:47 · 324 阅读 · 0 评论 -
less基础之学习笔记
less是 一种 动态 样式 语言. 学习网址:http://www.bootcss.com/p/lesscss/ 1. 变量 @关键字来定义: LESS 中的变量为完全的 ‘常量’ ,所以只能定义一次. @color: #4D926F; 2.混合(Mixins) 混合可以将一个定义好的class A轻松的引入到另一个class B中,实现class B继承class A中的所有属性。也可以带参...原创 2019-04-29 12:30:42 · 251 阅读 · 0 评论 -
flex布局justify-content:space-betwween;最后一行左对齐
布局时用到flex布局,当使用justify-content:space-betwween;时,最后一行不够数量会不整齐,如何让最后一行向左对齐? 给其设置flex的父元素设置伪类,宽度为item的宽度即可。 .f_voucher_cont{ padding:5px; flex-wrap: wrap; justify-content: space-between; ...原创 2019-12-08 22:36:22 · 780 阅读 · 0 评论 -
面试题汇总
一、css相关 1.什么情况需要浮动?浮动会有什么影响?如何清除浮动? 2.一个未知宽高的元素如何水平垂直居中? 3.div盒子设置宽度10%是根据什么来的? 4.如何实现左边盒子固定,右边盒子自适应宽度? 5.如何实现单行文本溢出显示省略号?多行文本实现省略号? 二、js相关 1.输出结果是什么? typeof null typeof NAN 0.1 + 0.2 === 0.3 2 &...原创 2019-10-30 21:27:29 · 114 阅读 · 0 评论
分享