![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
样式
Paul_Chan_
这个作者很懒,什么都没留下…
展开
-
css深度选择器>>>、/deep/ 、::v-deep 、:deep()
>>>、/deep/ 、::v-deep 、:deep()原创 2023-11-30 17:08:40 · 3927 阅读 · 0 评论 -
控制 video 标签的控制栏组件(隐藏、显示进度条、播放按钮、全屏按钮等)
video原创 2023-08-17 11:22:49 · 4989 阅读 · 0 评论 -
盒子总体高度不变,如何让盒子里面的一个div的高度随着另外一个div高度的变化而变化
flex弹性盒子原创 2023-01-31 15:51:08 · 560 阅读 · 0 评论 -
css 图片自适应
当图片比例不固定,需要自适应显示图片时,可以使用css属性:object-fitobject-fit有如下属性值:object-fit: fill;object-fit: contain;object-fit: cover;object-fit: none;object-fit: scale-down;fill: 默认值。内容拉伸填满整个content box, 不保证保持原有的比例。contain: 保持原有尺寸比例。长度和高度中长的那条边跟容器大小一致,长的那条等比缩放,可能会有留白。原创 2021-09-07 11:51:04 · 6288 阅读 · 0 评论 -
CSS禁止网页或DIV中的文字被鼠标选中
禁止鼠标选中整个网页的文字body{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}禁止某个DIV中的文本不被鼠标选中.mochu{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}参考...原创 2021-08-25 11:17:35 · 442 阅读 · 0 评论 -
给div背景图加透明度,但div里面的内容透明名不变
div { width: 200px; height: 200px; display: block; position: relative;}div::after { content: ""; background: url(image.jpg); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }原创 2021-07-25 17:13:54 · 503 阅读 · 0 评论 -
去掉背景颜色
background-color:transparent;原创 2020-12-08 17:24:06 · 255 阅读 · 0 评论 -
单行文本超出或多行文本超出显示省略号...
单行文本超出隐藏width: 200px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;多行文本超出隐藏width: 200px;height:50px;display: -webkit-box;-webkit-line-clamp: 3; //设置显示3行-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;单行设置宽,原创 2020-12-08 17:14:55 · 160 阅读 · 0 评论