
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 · 125 阅读 · 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 · 167 阅读 · 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 · 301 阅读 · 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 · 234 阅读 · 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 · 766 阅读 · 0 评论 -
面试题汇总
一、css相关1.什么情况需要浮动?浮动会有什么影响?如何清除浮动?2.一个未知宽高的元素如何水平垂直居中?3.div盒子设置宽度10%是根据什么来的?4.如何实现左边盒子固定,右边盒子自适应宽度?5.如何实现单行文本溢出显示省略号?多行文本实现省略号?二、js相关1.输出结果是什么?typeof nulltypeof NAN0.1 + 0.2 === 0.3 2 &...原创 2019-10-30 21:27:29 · 100 阅读 · 0 评论