CSS学习
文章平均质量分 57
暴走的山交
已经步入社会的java程序员,希望前途一片光明,努力努力再努力!
展开
-
visibility: hidden;与display:none;区别
* 设置visibility:hidden;该盒子消失,但是位置仍然保留(页面中也要占他本身大小的位置,) *//* 设置display:none;观察到该盒子消失,而且不占位置,*/属性指定一个元素应可见还是隐藏。属性设置一个元素应如何显示,转载 2022-10-21 13:29:50 · 198 阅读 · 0 评论 -
如何解决上层div元素将下层div元素盖住,但是下层div里的点击事件仍可以进行的问题?
现在我们需要实现一个div文本输入框,其中含有button按钮在下层,上层div覆盖住下层div元素,上层div中同样含有一个button按钮的效果图。我们应该如何做来使下层div里的button点击事件有效果呢?一般来讲,两个div元素叠加在一起,只有上层的点击事件才起效果,但有时我们想要实现下层元素点击事件起作用。在解决这个问题之前,让我们先了解与解决这个问题有关的一些知识点。阻止CSS里的 hover 和 active 状态的变化触发事件。阻止JavaScript点击动作触发的事件。转载 2022-10-13 10:05:10 · 3400 阅读 · 0 评论 -
element ui 中 调用同一个组件 写两种不同的css样式 如何使两种样式都生效互不影响 el-progress
实现 上方进度条其他样式都隐藏只留一个黄色三角形,见下方。但是因为需要修改框架内部css,所以需要深度选择器实现。vue3 项目中需要实现一个播放控件的样式,我用的是。进度条实现, 因为上方黄色三角形需要跟着进度条移动。但这时因为有两个进度条却需要设置两种不同的样式,想设置上面为透明,但是下方样式也更改了。就会直接更改全部进度条的样式。(设置css为透明)原创 2022-10-11 18:46:33 · 763 阅读 · 1 评论 -
多个div在同一行显示
原因:div为块级元素,默认占一行高度。解决方法1:两个div都添加样式。,设置宽高失效,div靠内容撑起)解决方法2:两个div都添加样式。(后面不在同行的div设置。原创 2022-09-27 16:48:57 · 4210 阅读 · 0 评论 -
[CSS学习] flex中 align-items与justify-content的区别
先理解flex中的主轴与交叉轴是定义Flex中提出了一个重要的概念——轴 默认情况下主轴是水平的 可以通过flex-direction来修改主轴方式。 align-items与justify-content的定义与区别 justify-content属性定义了项目在主轴上的对齐方式,如下面默认的方向为从左到右 justify-content属性定义项目在交叉轴上如何对齐,如下面的方向为从上到下 小结 通过flex-direction确定了主轴方向,justify-content确定了转载 2022-03-31 09:31:05 · 476 阅读 · 0 评论