CSS
文章平均质量分 64
css学习,前端基础学习和提升
啥咕啦呛
关注我,关注我,关注我!谢谢~
有志者事竟成破釜沉舟百二秦川终属楚,
苦心人天不负卧薪尝胆三千越甲可吞吴!
展开
-
【element优化经验】el-dialog修改title样式
近日,做需求遇到UI要求改造弹框的样式,默认的样式标题+关闭的X无法满足要求。所有我……原创 2023-11-24 17:24:36 · 4321 阅读 · 2 评论 -
【element优化经验】怎么让element-ui中表单多语言切换排版不乱
基于vue2+element-ui+i18n开发的项目,最近发现一个痛点,就是表单在切换多语言时会有错乱,今天主要讲一下我的经验是怎么解决的……原创 2023-11-23 21:01:11 · 1699 阅读 · 0 评论 -
css分享 | 常用按钮效果记录(关注追加)
今日分享几个css样式,在日常业务中,我们会追求更友好的交互体验,所以记录一些业务中常用的按钮样式,下次遇到可以拿来即用。原创 2023-05-04 16:04:19 · 3763 阅读 · 0 评论 -
【常用】手机响应式 css分配比例、meta设置、移动端功能整合
1.rem的配置基础:html{font-size:10px}@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}@media screen and (min-width:415px) and (max-width:639px){htm原创 2020-10-12 15:22:57 · 702 阅读 · 1 评论 -
css 实现单行、多行文本显示
1.单行显示文本,超出显示省略号,很容易实现(需要加宽度width属来兼容部分浏览):width:200px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2.多行文本显示,限制行数,超出显示省略号,如下实现:width:200px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidde原创 2020-10-12 14:51:35 · 8042 阅读 · 1 评论 -
css 强制换行和禁止换行之常用
强制换行:1.英文字母打断:word-break: break-all;2.英文单词打断:word-wrap: break-word;3.中文字符打断:white-space: pre-wrap; 4.单词字母换行有连接线“-”:hyphens:auto禁止换行:white-space:nowrap; 后面遇到再做补充,目前常用的就以上几个。...原创 2020-10-12 15:01:56 · 331 阅读 · 0 评论 -
css样式——图片居中在正方形中
近日做需求,有一个为了让图片显示好看的需求,就是占位的div是矩形的,里面图片要居中:<div style="border:1px solid #ddd;height:150px;width:150px; display: flex;justify-content: center;align-items: center; " > <img src="https://csdnimg.cn/cdn/content-toolbar/csdn-logo.png?v=202原创 2020-09-03 17:09:30 · 840 阅读 · 0 评论