
css
辣鸡王八鸭
励志在这条路上越走越远
展开
-
正方形图片显示在长方形中,只显示中间部分 css
先说下需求,一个固定宽高度的矩形框,现在有张正方形图片,想让正方形显示在矩形中间,不变形本来准备正方形正常显示,上下放两个div盖住,只显示矩形框的内容,但是没实现,同事让我用background-position: 0 center; 一下子就好了原图请忽视裁剪框只显示中间的部分新知识get, background-position: 定位背景图像...原创 2021-04-14 14:42:11 · 587 阅读 · 0 评论 -
scrollIntoView 为什么会失效,出现滚动条,隐藏滚动条样式
我先说下我的问题,滚动了 但是没有到元素底部的问题我的框架是react hook 开发 useEffect(() => { const anchorElement = document.getElementById('current-module'); // 第一步获取到滚动元素 if (selectModuleIndex === 0 && anchorElement) { anchorElement.scrollTop原创 2021-03-17 15:07:37 · 1864 阅读 · 0 评论 -
line-height,rem 和 flex的详解 以及文本溢出省略号表示失效问题 --min-width
line-height基本概念line-height 行高 是指文本行基线的垂直距离如图所示 行距=行高-字体大小如果font-size与行高相同时 行距为0如果font-size 大于 行高时 行距为负值 两行重叠重要!!!1.在没有设置div的height属性时,div的高度根据line-height的大小而变化,且文字垂直居中。2.line-height是行高的意思,he...原创 2020-03-26 22:14:53 · 1460 阅读 · 0 评论 -
css不常见样式总结 text-decoration z-index outline
1.text-decoration:line-through文字加样式有下划线2.z-index设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面 越的值越靠前3.border:none 清除边框4.background: none 清除背景5.outline绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。outline:none 取消...原创 2020-03-16 10:00:52 · 190 阅读 · 0 评论