![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
花满樱❀
这个作者很懒,什么都没留下…
展开
-
右边盒子高度随着左边盒子高度而变化
思路:父盒子不设置高度,随着左边盒子内容的变化而将父盒子高度撑开,此时父盒子高度等于左边盒子高度,然后再让右边盒子高度为父盒子高度的100% 用于测试,给左边盒子添加内容 <script> const btn = document.querySelector('#btn') const left = document.querySelector('.left') btn.onclick = function () { const value原创 2021-12-26 22:12:42 · 1005 阅读 · 0 评论 -
css实现常用效果
css实现常用效果 溢出隐藏 一行 /* 溢出隐藏 */ overflow: hidden; /* 溢出部分显示省略号 */ text-overflow: ellipsis; /* 强制不换行 */ white-space: nowrap; 多行 overflow: hidden; text-overflow: hidden; /* 将对象作为弹性伸缩盒子模型显示 */ display: -webkit-box; /* 设置多少行 */ -webkit-line-clamp: 2; /* 设置或检索伸缩原创 2021-12-14 20:03:31 · 420 阅读 · 0 评论 -
解决外边距合并的问题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl原创 2021-06-23 21:55:32 · 86 阅读 · 0 评论