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 · 1504 阅读 · 0 评论 -
div宽度自动充满剩余空间
一、项目场景例如：页面头部分三部分，左侧宽度固定，中间宽度由文字撑开，右侧自动填充剩余宽度二、解决方案使用fflex-grow 属性用于设置或检索弹性盒子的扩展比率。。注意：如果元素不是弹性盒对象的元素，则 flex-grow 属性不起作用。<div class="box"> <div class="left"></div> <div class="center">宽度由内容撑开</div>原创 2020-12-31 16:04:25 · 4799 阅读 · 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 · 1324 阅读 · 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 · 4370 阅读 · 0 评论 -
让CSS flex布局最后一行列表左对齐的N种方法
请点击https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/原创 2019-10-15 14:48:33 · 876 阅读 · 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 · 2935 阅读 · 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 · 363 阅读 · 0 评论 -
css动画--transition和animation的区别
★transition和animation的区别1.transition动画执行需要触发条件animation动画在页面加载完成后可以自动执行2.transition动画默认触发一次执行一次，再次执行，需要再次触发animation动画可以指定播放次数或者无限循环播放3.transition动画只有开始和结束两个状态，不能设置中间状态animation动画可以像flash一样设置中间的...原创 2019-05-15 01:33:14 · 736 阅读 · 0 评论 -
前端必经之路之CSS底层原理(剖析CSS权重、CSS布局模型和BFC等重要底层知识)
原 前端必经之路之CSS底层原理(剖析CSS权重、CSS布局模型和BFC等重要底层知识) ...转载 2019-09-06 17:10:47 · 1652 阅读 · 0 评论