最新 最热

使用Grid和Flex打造响应式布局:让你的网站“随遇而安”

在这个屏幕比萨还大的时代,我们的网站也得跟上时代的步伐,学会“随遇而安”。想象一下,如果你的网站只能在某个特定尺寸的设备上完美显示,那简直就像是在告诉用户:“嘿,你不是我的菜,别看了!”这显然是不行的。所以,响应式设计...

2024-09-13
5

CSS实现前端布局更巧妙的方案!在 flex 布局中通过使用 margin 实现水平垂直居中以及其他常见的前端布局

justify-content 决定主轴(通常是水平方向)上子元素如何分配空间。常见的取值有:

2024-09-13
4

UNI-APP高颜值登陆注册页面!!附源码!!

酷炫的登陆界面是应用的首要门面。而在我们的开发小程序过程中,由于显示条件的限制我们几乎都是自己一个人既要保证接口的高可用,还要尽力去美化小程序的样式。所以这个时候,寻找到靠谱且贴合需求的样式模板,这就显得尤其...

2024-09-09
1

FLex布局详解

其余效果图 可自行复制代码,到自己vscode进行演示,可以更快的了解到flex的强大之处

2024-07-29
2

网站常用的卡片布局

腾讯云开发者社区是腾讯云官方开发者社区,致力于打造开发者的技术分享型社区。提供专栏,问答,沙龙等产品和服务,汇聚海量精品云计算使用和开发经验,致力于帮助开发者快速成长与发展,营造开放的云计算技术生态圈。...

2024-07-29
3

【Vue组件】表格骨架屏

功能概述:项目里有很多表格,希望表格加载动效好看一点,有多少列就显示多少列在加载,做成公共组件。效果:

2024-05-30
2

CSS Flex弹性盒布局

我在上一篇博文CSS 布局_2 Flex弹性盒里,对 Flex 弹性盒有着详细的介绍,这里就不再复述了,书写页面前,我们先来介绍一个之前没提到的知识点——伪类选择器...

2024-03-23
2

微信小程序scroll-view组件[使用竖向横向滚动,flex布局不起效问题,滚动到下个元素及其滚动动画]

1、给 scroll-view 加 width: 100%; white-space: nowrap; 子元素必须设置 display: inline-block 2、使用 fle...

2024-03-11
3

CSS3 模拟 IOS 滑动开关

腾讯云开发者社区是腾讯云官方开发者社区,致力于打造开发者的技术分享型社区。提供专栏,问答,沙龙等产品和服务,汇聚海量精品云计算使用和开发经验,致力于帮助开发者快速成长与发展,营造开放的云计算技术生态圈。...

2024-02-25
3

flex:1代表什么

flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。 注意:如果元素不是弹性盒模型对象的子元素,则 flex 属性不起作用。...

2024-01-18
2