HTML+CSS
css问题
翘阳啦
只有不断学习,才不会落后!做笔记的博客
展开
-
【CSS随笔】弹性盒子的flex属性
flex属性用于设置或检索弹性盒模型对象的子元素如何分配空间flex属性是flex-grow、flex-shrink和flex-basis属性的简写属性flex-grow: 可拉伸flex-shrink:可压缩flex-basis: 当前元素的宽度flex默认值:flex-grow:0, flex-shrink:1, flex-basis:autoflex:1 flex-grow:1, flex-shrink:1, flex-basis:0%flex: aut...原创 2022-05-26 18:13:37 · 117 阅读 · 0 评论 -
【微信小程序学习】视频页上下滚动,保持上方导航不动
上下滚动视频页,保持上方的导航栏不动,这里利用了css的新的一个计算的属性calc()calc可以动态计算css宽高 运算符左右两侧必须加空格视口单位:vh vw 1vh=1%的视口高度 1vw=1%的视口宽度.videoScroll{ margin-top: 10rpx; /* calc可以动态计算css宽高 运算符左右两侧必须加空格 */ /* 视口单位:vh vw 1vh=1%的视口高度 1vw=1%的视口宽度 */ height: calc(100vh ...原创 2022-05-17 09:53:08 · 489 阅读 · 0 评论 -
【CSS随笔】white-space 属性、文本溢出隐藏
文本溢出隐藏/* 单行文本溢出隐藏,省略号代替 */ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 单行文本溢出隐藏,省略号代替 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /*设置对齐模式原创 2022-05-12 14:37:44 · 410 阅读 · 1 评论 -
【CSS随笔】:Flex布局的六个属性:flex-direction、flex-wrap、flex-flow、justify-content、align-items和align-content
display:flex; 弹性布局body属性上经常用:body{ height: 100vh; display: flex; justify-content: center; align-items: center; background: linear-gradient(200deg,#f3e7e9,#e3eeff); }采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员原创 2022-02-19 15:03:32 · 3313 阅读 · 0 评论