css
花满樱❀
这个作者很懒,什么都没留下…
展开
-
右边盒子高度随着左边盒子高度而变化
思路:父盒子不设置高度,随着左边盒子内容的变化而将父盒子高度撑开,此时父盒子高度等于左边盒子高度,然后再让右边盒子高度为父盒子高度的100%用于测试,给左边盒子添加内容 <script> const btn = document.querySelector('#btn') const left = document.querySelector('.left') btn.onclick = function () { const value原创 2021-12-26 22:12:42 · 963 阅读 · 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 · 414 阅读 · 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 · 76 阅读 · 0 评论