css
丰色木夕
程序员,21世纪中国最伟大的职业之一
展开
-
div不响应鼠标事件
div不响应鼠标事件有时,需要覆盖在表面的div完全透明,并且,鼠标事件也不相应。如何实现呢,其实很简单只需要加使用css一句话即可实现:只需要添加style样式 pointer-events: none 即可不相应任何鼠标事件使用pointer-events:none 后,子元素的div内容将会继承该特性,此时,可以在子元素中使用pointer-events:all 恢复事件响应<script> function hello(e) { console.log(e) }<原创 2020-08-29 14:48:11 · 2620 阅读 · 0 评论 -
css 居中对齐在实现方式
左右居中.hAlign { left: 50%; transform: translate(-50%, 0%);}垂直居中对齐.vAlign{ top: 50%; transform: translate(0%, -50%); }原创 2020-07-24 16:46:54 · 133 阅读 · 0 评论 -
不设置div高度实现自动滚动条
不设置div高度实现自动滚动条div设置滚动条时,一般需要指定高度,再设置overflow-y:auto 方才有效。但是,有时,我们不希望指定div的高度,或者不好给定某个高度,时,怎么设置其滚动条呢?看下面代码.parent{ position:relative; height:100%;}.child { position:absolute; top:0; bottom:0; overflow-y:auto;}<div class原创 2020-05-22 01:31:21 · 3265 阅读 · 2 评论 -
css实现子元素两头对齐
###css实现子元素两头对齐如何简单快速的实现css两头对齐<style>.divCss{text-align: justify;text-align-last: justify;}.subDiv { dispaly: inline-block;}</style><div class="divCss"> <div class="s...原创 2020-04-11 18:37:48 · 1056 阅读 · 0 评论 -
css实现文本省略号
csdn 给了我们一个平台,让我们可以记录自己在工作学习中遇到的问题,哪怕是很小很小的问题,有时也值得你去记录…css实现文本过长,显示省略号<style>.desc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }</style><div ...原创 2020-04-04 12:27:25 · 591 阅读 · 0 评论