E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
align-items
css写一个拟物态的switch按钮
transitionbox-shadowcubic-beziertranslate3dlabel+input[type=‘checkbox’]3.完整实现代码OFF/ONbody{height:100vh;display:flex;
align-items
苏苏哇哈哈
·
2023-10-14 12:34
css
css
css3
html
手写element 级联面板如何实现?
padding-left:20px;font-size:14px;}.item:hover{background-color:#eee;cursor:pointer;}.item{display:flex;
align-items
浮生666
·
2023-10-14 12:03
element-ui
css
javascript
html
svg画个圆形进度条
*文本展示在svg外,通过position定位*//*.text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;
align-items
arrowhan
·
2023-10-14 11:55
前端
javascript
html
css
图形渲染
uniapp封装loading 的动画动态加载
实现效果html代码css代码.loadBox{width:180rpx;min-height:180rpx;border-radius:50%;display:flex;
align-items
:center
不想吃饭e
·
2023-10-14 08:55
uni-app
【动画消消乐】HTML+CSS 自定义加载动画 053
效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center;
align-items
海轰Pro
·
2023-10-14 02:43
一个冒泡排序的动画
闲着无聊突然~.container{height:100%;width:100%;display:flex;justify-content:center;
align-items
:center;}.container.sort
Pamcore
·
2023-10-14 02:34
css div在另一个div中垂直居中
background-color:#d0e4fe;}.f{width:500px;height:500px;display:flex;border:1pxsolidred;justify-content:center;
align-items
Aurora_9e36
·
2023-10-13 23:22
2020-06-30 蛋糕切换效果
padding:0;margin:0;}.container{width:500px;border:1pxsolidred;user-select:none;}.title{display:flex;
align-items
最近好嘛
·
2023-10-13 22:31
同一view下的多个不同字号的text 底部对齐
1数字字号一般会比文字字号大些,所以父控件view给dispalyflex;
align-items
:flex-end;然后给每个不同字号的text设置行高。line-height:28rpx;
Q1an
·
2023-10-13 20:25
水平垂直居中
absolute;top:0;right:0;bottom:0;left:0;margin:auto;}父级控制子级居中.parent{dsiplay:flex;justify-content:center;
align-items
迷失的信徒
·
2023-10-13 18:02
「HTML+CSS」--自定义加载动画【007】
3a.gifDemo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center;
align-items
海轰Pro
·
2023-10-13 17:44
原生js实现图片懒加载 并实现页面触底加载更多
替换图片的url即可Document*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;flex-direction:column;
align-items
路 西
·
2023-10-13 16:02
javascript
js
css
javascript
html
el-dialog 内容居中
原样:dialog内容部分,默认左对齐目的:内容居中显示,比如表单修改:.el-dialog.el-dialog__body{display:flex;justify-content:center;
align-items
zhao_hong_ran
·
2023-10-13 00:35
elementui
css3
文字与视频结合效果
Run实现视频内容与文字融合在一起.sech2{position:absolute;width:100%;height:100%;display:flex;justify-content:center;
align-items
林中白虎
·
2023-10-12 19:37
CSS
css3
前端
CSS常见面试题(持续更新)
高度永远是宽度的一半大小为父元素宽度一半的正方形实现单行文字、多行文字的垂直居中1.利用line-height和vertical-align2.利用display:table-cell3.利用flex布局
align-items
LYFlied
·
2023-10-11 19:12
css
面试
css
前端
html
css3
vue+html5 手机页面的兼容问题
搜索.header-search{margin-top:44px;display:flex;-webkit-box-align:center;
align-items
:center;padding:2px14px6px12px
jiuyunmeng
·
2023-10-11 09:05
css ::after ::before 画*号
.required{position:relative;display:inline-flex;
align-items
:center;margin-bottom:16rpx;}.required::after
没头发的卑微打工人
·
2023-10-11 07:19
css
前端
css3
css实现一行四个元素动态布局
/*父盒子*/.center-ads-list{display:flex;justify-content:flex-start;
align-items
:center;margin:13px0px;width
想要成仙的菜鸟前端
·
2023-10-11 06:08
CSS
css
css3
flex
flex实现上下左右居中
display:flex;flex-direction:row;/*子元素横向排列*/justify-content:center;/*相对父元素水平居中*/
align-items
:center;
辣条小哥哥
·
2023-10-10 18:57
HTML5
前端
完成flex布局与float布局
一、flex布局.nav{display:flex;background-color:#f8f8f8;/*导航栏背景颜色*/}.nava{flex:1;display:flex;
align-items
:
gao my
·
2023-10-10 09:47
css
前端
css3
flex布局中align-content和
align-items
的区别
转自链接Document*{margin:0;padding:0;}#div1{margin:30pxauto;width:100px;height:60px;background-color:#909;display:flex;display:-webkit-flex;text-align:center;}.child{width:30px;height:20px;line-height:20p
贝贝ovo
·
2023-10-09 17:19
垂直居中
eg.第一种,万能的flex布局主要用到弹性盒的
align-items
:center属性.out{display:flex;
align-items
:center;}note:使用flex配合margin
夜月徐风
·
2023-10-09 04:36
字体水波纹效果
代码代码如下(示例):*{margin:0;padding:0;}body{height:100vh;background:black;display:flex;justify-content:center;
align-items
—浅斟低唱—
·
2023-10-09 00:12
css3
文本自动输入/删除的加载动画效果
...实现矩形基础样式.loader{position:relative;width:200px;height:200px;background-color:#1a1a1f;display:flex;
align-items
林中白虎
·
2023-10-09 00:11
CSS
css3
前端
flex 两列多行布局
flex两列多行布局display:flex;justify-content:space-between;
align-items
:center;flex-wrap:wrap;把这段加到父元素里面就好了注意
Huang_John
·
2023-10-08 19:52
Vue.js
html
css
flex
1024程序员节
JS:swiper异形slide
}.swiper-slide{text-align:center;font-size:18px;background:#eee;display:flex;justify-content:center;
align-items
大佬,咋整啊
·
2023-10-08 10:43
JavaScript
css
flex加 grid 布局笔记
display:flex;padding:10px;border:1pxsolidlightgray;text-align:center;justify-content:center;/*在水平方向上居中*/
align-items
葩熊
·
2023-10-07 18:45
css
html
笔记
css
前端
微信小程序 view文字水平垂直居中
常用的居中对齐方式有很多种例如:text-align:center;
align-items
:center;justify-content:center;margin:auto;#子容器在父容器中居中但是在
jzhang
·
2023-10-07 17:15
CSS3实现动画加载效果
body{display:flex;}/*弹跳加载效果*/.bouncing-loader,.spin-loading,.dot{display:flex;justify-content:center;
align-items
不爱搬砖的码农
·
2023-10-06 21:09
css3
前端
css
html+css 热茶效果
热茶特效*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;
align-items
:center;justify-content:
你的美,让我痴迷
·
2023-10-06 15:28
css
html
前端
【动画消消乐】HTML+CSS 自定义加载动画 064(currentColor的妙用!)
效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center;
align-items
海轰Pro
·
2023-10-06 08:39
「HTML+CSS」--自定义加载动画【046】
效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center;
align-items
海轰Pro
·
2023-10-03 17:21
【让一个元素水平垂直居中】
有多种方法可以实现一个元素水平垂直居中,下面列出几种:1.使用Flexbox布局,将父元素的display属性设置为flex,然后使用justify-content和
align-items
属性将子元素水平垂直居中
cv全粘工程师
·
2023-10-02 23:50
面试常问问题
css
html
前端
斜角梯形 tab 标签页 css写法 及 vue写法
1.纯cssjs写法:image.pngDocument.nav{display:flex;width:300px;
align-items
:flex-end;}.nav.item{flex:1;height
鸿泽云码
·
2023-10-02 22:02
读源码:bootstrap的inputGroup
flex-examplesimage.box{display:flex;
align-items
:center;}image.box{display:flex;justify-content:center
黄金林
·
2023-10-02 19:09
毛玻璃跟随鼠标移动
backdrop-filter属性回顾mousemove事件实现页面布局FrostedGlasssection{position:relative;display:flex;justify-content:center;
align-items
林中白虎
·
2023-10-01 20:41
CSS
css3
前端
每日日志
display:flex灵活布局,justify-content:space-around,让他灵活布局,每个iframe之间有留白,间隔均匀,flex-wrap:wrap;允许iframe自由活动,
align-items
暖男Gatsby
·
2023-09-30 15:17
html 边缘融合加载
border-box;}body{height:100vh;padding-bottom:80px;background:#000000;display:flex;justify-content:center;
align-items
马卫斌 前端工程师
·
2023-09-29 05:36
html+css
html
css
css3
uniapp实现自定义头部文字滚动字幕
100%;position:fixed;left:0;top:0;.NoticeBar{width:100%;height:66rpx;background:#FFFAD4;display:flex;
align-items
New个对象.
·
2023-09-28 19:01
uniapp
uni-app
js
倒水晃动的效果
Document*{padding:0;margin:0;box-sizing:border-box;}body{height:100vh;display:flex;justify-content:center;
align-items
·
2023-09-28 10:34
javascriptcss3
【动画消消乐】HTML+CSS 自定义加载动画 065
在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center;
align-items
海轰Pro
·
2023-09-27 16:40
css九宫格--calc()方法--超出数量可上下滑动
}body{background:rgb(241,241,241);}article{display:flex;width:100%;height:98%;flex-direction:column;
align-items
qq_42750608
·
2023-09-27 11:02
css
JavaScript面试问题
css
九宫格
calc()
【Flex布局】
flex-grammar.html1Flex布局是什么2基本概念3容器的属性属性一flex-direction:属性二flex-wrap:属性三flex-flow:属性四justify-content:属性五
align-items
小王小王几点了
·
2023-09-27 01:33
CSS3
flex布局
css实现容器(宽高不等的)内部自适应的正方形
100%;/*只是为了证明宽高不等而已*/height:calc(100vw+100px);background:skyblue;display:flex;justify-content:center;
align-items
codingWeb
·
2023-09-25 13:52
前端
css
自适应
前端
css
自适应
30.CSS文本悬停过渡效果
margin:0;padding:0;box-sizing:border-box;font-family:monospace;}body{display:flex;justify-content:center;
align-items
@大迁世界
·
2023-09-24 21:55
CSS特效案例
css
前端
解决项目加载时空白页面
页面(public文件夹下)favicon.ico">styles/base.css">base.css#mainLoading{width:100%;height:80vh;display:flex;
align-items
暖风ii
·
2023-09-24 18:52
html5
vue.js
css3
【CSS】骨架屏 Skeleton
background-color:#f6f6f6;font-family:Helvetica;font-size:15px;display:flex;justify-content:space-evenly;
align-items
前端菜篮子
·
2023-09-24 18:22
【前端】常用属性及实例
background:yellow;width:200px;height:200px;/*设置flex布局*/display:flex;/*水平居中*/justify-content:center;/*垂直居中*/
align-items
码字小萌新♡
·
2023-09-23 17:07
前端
Css样式小笔记集合 [持续更新中]
text-overflow:ellipsis;}②响应式布局.father{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;
align-items
佳碟碟
·
2023-09-23 16:43
Vue
css
如何实现一个div垂直居中(至少3种方法)
使用Flexbox布局实现div垂直居中Document.father{width:200px;height:200px;border:1pxsolidred;display:flex;
align-items
前端小芬芬
·
2023-09-23 10:19
css
前端
css
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他