![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
杨哥杨哥万万岁
男儿当自强不息
展开
-
巧用grid布局,解决热词列表等留白较多问题
巧用grid布局,解决热词列表等留白较多问题原创 2022-10-26 17:36:31 · 590 阅读 · 0 评论 -
仿知乎步骤条导航(我自己起的名字)
最近项目中有需求需要做一个类似于步骤条的导航,从使用vue以后,基本上element ui实现不了的效果我都偏爱自己写,算是一个积累吧,之后有类似需求可以直接拿过来用。还记得当年jquery的时候,那个插件库是真的全,自己啥效果也不想写,需求来了直接找,我那里边现在应该还有100多块钱的jq币哈哈哈。原项目中根据实际需求还加了媒体查询对不同分辨率的适配,比如超出1440收起导航,显示展开按钮,大家可以根据实际需求改动做成组件。废话不多说了,贴代码,一些文字说明还是写在了注释里<tem原创 2022-02-23 10:29:11 · 428 阅读 · 0 评论 -
小于12px字体的处理方法
项目中有文字标签需要固定宽度,所以需要对超过字数限制的标签做特殊处理,预设的字体是12px,产品那边让继续缩小字体,常规的话肯定是不能缩小了,所以想到了用scale缩放,但是缩放的话也遇到了一些问题,都放在代码注释里了,可以自己运行起来看下效果。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小于12px字体处理方案&l...原创 2021-12-30 17:49:54 · 1455 阅读 · 0 评论 -
下拉框美化
一个老掉牙的项目需要维护,老板说下拉框不好看,然后拾起了好久没用的jQuery没有用伪元素之类的,就简单写了写勿喷!长这样:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .selectContent{ text-align: cen原创 2021-08-13 14:20:40 · 412 阅读 · 0 评论 -
伪元素实现0.25像素或者0.5像素边框
经常碰到这种细边框的情况,我们可以通过缩放来实现功能。本质就是,我们需要一条1px的线,按照需求纵向或者横向缩放一定的比例,然后再通过定位固定到相应的位置。所以对于使用:after或者:before并没有什么约束,要记住我们需要的只是1px的辅助元素。下边是我项目中的实现方案.content .selectContent li{ position: relative;}.content .selectContent li:after { //下边框 content: " "; posit原创 2020-08-06 21:37:27 · 199 阅读 · 0 评论