![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css核心属性
路人甲小码
这个作者很懒,什么都没留下…
展开
-
iview Poptip组件,内容超出固定宽度不换行,解决方法
bug场景: 今天在做表格内容超出时,鼠标滑过进行tip提示,选用的是Poptip组件,设置了width='350'和word-wrap=true,输入过多数字或字母,发现内容不换行,打开控制器,发现设置的word-wrap属性没有生效![在这里插入图片描述](https://img-blog.csdnimg.cn/2021032217494538.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_a原创 2021-03-22 18:12:59 · 1355 阅读 · 0 评论 -
div宽度自动充满剩余空间
一、项目场景例如:页面头部分三部分,左侧宽度固定,中间宽度由文字撑开,右侧自动填充剩余宽度二、解决方案使用fflex-grow 属性用于设置或检索弹性盒子的扩展比率。。注意:如果元素不是弹性盒对象的元素,则 flex-grow 属性不起作用。<div class="box"> <div class="left"></div> <div class="center">宽度由内容撑开</div>原创 2020-12-31 16:04:25 · 4506 阅读 · 2 评论 -
抖音上非常火的3D立方体旋转,纯CSS实现
一、效果图展示二、源码1.HTML<body> <div class="box"> <a href="#" class="bigBox"></a> <a href="#" class="bigBox"></a> <a href="#" class="bigBox"></a> &...原创 2019-12-20 16:52:23 · 1263 阅读 · 0 评论 -
vue项目引入全局css
1.在assets文件夹中创建全局样式表css文件2.在global.css文件中写入全局样式/* 全局样式表 */html,body{ width:100%; height:100%; margin:0; padding:0;}body,p,dl,dd,ul,ol,li,div,h1,h2,h3,h4,h5,h6,form,input,table,tr...原创 2019-11-18 14:02:40 · 4288 阅读 · 0 评论 -
让CSS flex布局最后一行列表左对齐的N种方法
请点击https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/原创 2019-10-15 14:48:33 · 820 阅读 · 0 评论 -
单行文本省略号设置方法
一、单行文本省略号设置必须满足以下四个条件,缺一不可:1.固定的宽度 width : value;2.强制在一行显示 white-space:nowrap;3.溢出部分隐藏不可见 overflow:hidden;4.显示省略号 text-overflow:ellipsis;代码表示如下:<!doctype html><html lang="en"&g...原创 2018-12-30 22:21:34 · 2845 阅读 · 0 评论 -
子元素如何在屏幕窗口水平垂直都居中
1.已知大小(定宽高)的元素在屏幕窗口水平垂直都居中方案:元素{width:数值+单位;height:数值+单位;position:fixed;left:50%;top:50%;margin-left:-width/2+单位;margin-top:-height/2+单位; }2.未知大小(不定宽高)元素在屏幕窗口水平水平垂直都居中方案:元素{position:fixed...原创 2018-12-31 23:36:47 · 294 阅读 · 0 评论 -
css动画--transition和animation的区别
★transition和animation的区别1.transition动画执行需要触发条件animation动画在页面加载完成后可以自动执行2.transition动画默认触发一次执行一次,再次执行,需要再次触发animation动画可以指定播放次数或者无限循环播放3.transition动画只有开始和结束两个状态,不能设置中间状态animation动画可以像flash一样设置中间的...原创 2019-05-15 01:33:14 · 677 阅读 · 0 评论 -
前端必经之路之CSS底层原理(剖析CSS权重、CSS布局模型和BFC等重要底层知识)
原 前端必经之路之CSS底层原理(剖析CSS权重、CSS布局模型和BFC等重要底层知识) ...转载 2019-09-06 17:10:47 · 1593 阅读 · 0 评论