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
js动态获取当前时间并显示星期数
height:150px;background-color:#2e3344;color:white;margin:300pxauto;display:flex;justify-content:center;
align-items
诗霖雪
·
2023-11-20 09:38
js案例
javascript
css
前端
**input=file上传文件用div替换上传按钮及获取文件信息**
小程序、前端交流群:609690978{{fileName}}点击上传//scss写法.box{width:48%;height:40px;display:flex;
align-items
:center
The wind is blowing
·
2023-11-19 03:10
js
javascript
CSS
css
js
vue
弹性伸缩展开工具菜单栏 js
{margin:0;padding:0;box-sizing:border-box;}body{background:#222;display:flex;justify-content:center;
align-items
路光.
·
2023-11-19 01:55
javascript
开发语言
flex布局子元素常用属性
表示占多少份数flex:(数字)默认值为0可以实现自适应效果如果不设置宽度,给每个子元素都设置一个flex:1,则每个都占一份2.allgn-self,设置子元素自己在侧轴上的排列方式可以覆盖父元素的
align-items
l小小怪l
·
2023-11-18 21:38
前端
css 高频面试题
margin-top调(存在父盒子塌陷问题,父盒子添加overflowhidden避免塌陷问题)方法二:定位(子绝父相)方法三:flex布局display:flex;justify-content:center;
align-items
虾米0105121
·
2023-11-17 14:37
大前端
css
css3
html
js+vue+jq左右分类联动效果
display:flex;}.flex-center{display:flex;align-center;justify-content:center;}.space-center{display:flex;
align-items
Glowworms浠
·
2023-11-17 14:26
javascript
vue.js
前端
css布局相关内容
flex布局会影响单行文字超出,省略号的显示.text-ellipsis{width:300rpx;//display:flex;//
align-items
:center;font-size:30rpx
Amodoro
·
2023-11-17 10:29
css
前端
Js简朴原生实现弹框
main{width:100%;height:700px;background-color:rgba(82,82,87,0.5);display:flex;justify-content:center;
align-items
想被带飞的鱼
·
2023-11-17 06:45
Javascript
javascript
css
前端
微信小程序手写table表格
wxml张三李四王五赵六男男女男wxss:想加其他样式得可以自己+.tr{display:flex;width:100%;justify-content:center;height:3rem;
align-items
一个大长腿
·
2023-11-16 01:39
微信小程序
notepad++
小程序
【已解决】
align-items
:center失效,无法垂直居中问题!
如果你的父元素没有高度,那么子元素不会垂直居中问题。由于之前设置了父元素高度是100%,但是怎么样子元素都不上下居中,但是左右居中了。例如我的父元素是:我是子元素.logincontainer{height:100vh;//注意,如果没有这个或者你设置的是100%,很有可能垂直居中不生效display:-webkit-flex;display:-ms-flexbox;display:flex;al
蹦极的考拉
·
2023-11-15 14:25
vue技术栈
css
前端
css3
CSS Form表单布局
;justify-content:space-between;margin-bottom:10px;/*添加行之间的间隔*/}.col{display:flex;flex-direction:row;
align-items
Teln_小凯
·
2023-11-15 14:49
Blazor
VUE
css
前端
uniapp 微信小程序 button 按钮去除边框
after{border:none;}保存样式:.btnStyle{margin:0;display:flex;flex-direction:column;justify-content:center;
align-items
周zerlinda
·
2023-11-15 13:06
uniapp
小程序
微信小程序
小程序
css 超长文本自动换行
超级长的字符串效果如下:主要代码如下:设置外边距字符串整体缩进,超级赞display:flex;flex-wrap:wrap;justify-content:space-between;
align-items
我不瘦但很逗
·
2023-11-15 13:16
CSS
css
css3
html
【vue】弹性布局实现自适应高度cell
如果弹性布局可以换行;flex-wrap:wrap;行间距离就不是
align-items
控制而是align-content:flex-start来控制了.scroll{height:1140px;width
当白
·
2023-11-14 20:25
vue.js
vue
弹性布局
自定义高度cell
抽奖小程序网页版
抽奖逻辑包括五个普通奖品和一个神秘奖品抽奖小程序body{display:flex;
align-items
:center;justify-content:center;height:100vh;margin
何处不逢君
·
2023-11-14 19:18
小程序
javascript
记录--一个纯样式花里胡哨的动态渐变背景块
container{height:100vh;display:flex;justify-content:center;
align-items
:center;.grid{display:grid;h
林恒smileZAZ
·
2023-11-14 03:51
rust
开发语言
后端
html,js炫彩时钟
flex;text-align:center;/*让弹性布局中的子元素水平方向居中对齐,center中心*/justify-content:center;/*让弹性布局中的子元素垂直对齐方向居中对齐*/
align-items
蚂蚁小草
·
2023-11-13 20:58
html
html
炫彩流光按钮
text-decoration:none;color:#fff;}body{height:100vh;display:flex;/*水平居中*/justify-content:center;/*垂直居中*/
align-items
小白小白从不日白
·
2023-11-13 20:56
html+css案例
html
css3
css
拟液态加载器
animation属性运用filter联合SVG使用整体页面结构Milk编写容器的样式.container{position:relative;display:flex;justify-content:center;
align-items
林中白虎
·
2023-11-13 14:14
CSS
css
前端
uniapp公共css
/*弹性布局*/.flex{display:flex;}.a-c{
align-items
:center;}.a-s{
align-items
:flex-start;}.a-e{
align-items
:flex-end
空&白
·
2023-11-13 11:23
uniapp
css
css
uni-app
前端
块级或行内元素垂直居中
一、让块级元素垂直居中1.已知或未知元素宽高,利用flex布局,在需居中元素的父元素上设置display:flex;justify-content:center;
align-items
:center;代码示例
前端菜鸟。
·
2023-11-12 06:07
css
CSS让两个标签在同一行显示并自适应宽度
让两个标签在同一行显示并自适应宽度示例:svg和span在同一行上并自适应宽度使用Flexbox布局HTML100%CSS.flex-container{display:flex;/*使用Flexbox布局*/
align-items
黎明晓月
·
2023-11-11 07:24
css
前端
javascript
css卡片滑块
card-item{position:relative;width:410rpx;height:246rpx;border-radius:10rpx;margin-right:24rpx;display:flex;
align-items
web前端妹子
·
2023-11-10 22:49
前端
javascript
html
案例 - 拖拽上传文件,生成缩略图
直接看效果实现代码拖拽上传文件/*拖拽容器*/.box-container{position:relative;display:flex;justify-content:center;
align-items
本郡主是喵
·
2023-11-09 21:38
css
css3
html
el-tree文字超出折行
custom-tree-container{height:100%;.el-tree-node{white-space:normal;.el-tree-node__content{height:100%;line-height:22px;
align-items
妙明元心
·
2023-11-09 14:49
vue.js
elementui
javascript
魔法导航菜单
navigation{width:420px;height:70px;background:#209cff;display:flex;flex-flow:rowwrap;justify-content:center;
align-items
林中白虎
·
2023-11-08 14:52
CSS
css
前端
CSS3:鼠标悬停效果
HelloH5*{margin:0;padding:0;box-sizing:border-box;}body{height:100vh;background:#d6e5e7;display:flex;
align-items
sunly_
·
2023-11-08 05:55
css
css3
css
html
css实现圆环边框的渐变颜色并且旋转
实现边框的渐变颜色并且旋转整体思路:用两个圆覆盖,制作圆环,利用大圆渐变色的背景旋转动画来实现边框旋转上代码HTMLCSS.pan-thumb{width:100px;height:100px;display:flex;
align-items
小炮兵快跑
·
2023-11-06 08:36
css
web前端——HTML+CSS实现奥运五环
Document*{padding:0;margin:0;box-sizing:border-box;}body{height:100vh;display:flex;justify-content:center;
align-items
爱吃番茄的鱼渔
·
2023-11-06 01:29
前端
html
css
web前端——HTML+CSS实现九宫格
前端——HTML+CSS实现九宫格Document*{margin:0;padding:0;}body{height:100vh;display:flex;justify-content:center;
align-items
爱吃番茄的鱼渔
·
2023-11-06 01:19
前端
html
css
放大镜效果代码实现
Document.magifier{margin:20pxauto;width:500px;display:flex;justify-content:flex-start;
align-items
:flex-start
魔王HG
·
2023-11-05 05:00
Rust Druid之Flex布局
相当于css:{display:flex;flex-direction:row;
align-items
:center;justify-content
前端家园
·
2023-11-03 06:12
Vue纯CSS实现掷色子
},methods:{}};.wrap{display:flex;width:100vw;height:100vh;margin:0;padding:0;justify-content:center;
align-items
_小郑有点困了
·
2023-11-02 20:49
css
vue.js
css3
纯CSS实现卡片上绘制透明圆孔
position:relative;.top-wrapper,.bottom-wrapper{background:#ffffff;}.dot-row{$dotSize:10px;display:flex;
align-items
YooHoeh
·
2023-11-02 17:32
css
前端
CSS:元素居中
/*父元素*/.container{width:500px;height:500px;background-color:blue;display:flex;
align-items
:center;/*控制垂直居中
卡布达吃西瓜
·
2023-11-02 14:35
css
css3
html
web——css样式——蒙版
{height:100vh;background:linear-gradient(30deg,#45aaf2,#a55eea);display:flex;justify-content:center;
align-items
爱吃番茄的鱼渔
·
2023-11-02 12:10
css
前端
css3
古老的五子棋
午休忽然想起我奶奶喜欢下的一种古老的五子棋游戏,于是花了半小时开发出来了~源代码:棋盘图案body{display:flex;justify-content:center;
align-items
:center
880露露088
·
2023-11-01 16:39
javascript
前端
css
小程序开发之路一
经常性会使用到的是:
align-items
:center;//垂直居中justify-content:center;//水平居中使用该布局可以解决大多数的问题,除了叠加以及不标准的布局外。
smilEdit
·
2023-11-01 08:31
前端 用HTML,CSS, JS 写一个简易的音乐播放器
width:600px;margin:0auto;}h2{text-align:center;}.controls{display:flex;justify-content:space-between;
align-items
ZHANGα
·
2023-10-31 21:01
前端
css
前端
css3
javascript
html
【JS】jQuery实现鼠标跟随
HTMLCSS*{margin:0;padding:0;}div.box{width:600px;height:200px;display:flex;justify-content:space-evenly;
align-items
蘑菇栗子
·
2023-10-31 12:30
js小实例/小功能
javascript
jquery
前端
sass相关
1、代码简化1.1、简化媒介查询@mixinflex{display:flex;justify-content:center;
align-items
:center;}.header{width:100%
一朵盆栽
·
2023-10-31 01:52
sass
前端
css
vue实现简单分页效果
效果图如下:Document*{margin:0;padding:0;list-style:none;}.flex{display:flex;
align-items
:center;justify-content
吃葡萄不吐葡萄皮嘻嘻
·
2023-10-30 16:56
vue
vue
CSS 实现简单的loading加载动画
height:100%;overflow:hidden;margin:0;}.flex_div{margin:0;height:100%;display:flex;justify-content:center;
align-items
neeol
·
2023-10-30 14:38
css
css
动画
css3
Vue vant-ui使用van-uploader实现头像图片上传
个人用户":"企业用户"}}郝先生优质船主样式:.flex{display:flex;width:100%;}.topInfo{
align-items
:center;background-color:#
船长在船上
·
2023-10-29 17:28
前端开发
Vue
vue.js
javascript
前端
关于使用原子类css的优缺点
但是可以推断,当用的越多的时候,少的就越多,所以我说趋缓.flex{display:flex;}.items-center{
align-items
:center;}.card{display:flex;
前端码农小王
·
2023-10-29 12:34
css
前端
javascript
uniapp+uview1实现本地图片上传
2.css代码.pic{.pic_top{margin:10rpx0;font-size:30rpx;display:flex;
align-items
:center;
JJ_Smilewang
·
2023-10-29 06:56
前端实战
uni-app
flex笔记
父元素6个属性flex-direction子元素排列方向flex-wrap子元素超出父元素是否换行flex-flow上面两个属性的缩写justify-content子元素在横轴的对其方式(左对齐右对齐等)
align-items
刘小苏苏
·
2023-10-28 18:29
android 图标居中,文字和图标在部分安卓(小米、魅族)居中对其问题?
vertical-align:middle;弹性盒模型,padding相关代码//请把代码文本粘贴到下方(请勿用图片代替代码).box{display:flex;justify-content:flex-start;
align-items
叶磊Nic
·
2023-10-26 13:21
android
图标居中
微信小程序在线预览PDF文件
加载完成后强制阅读10秒才可点击同意按钮H5代码:微信小程序在线预览PDF#pdf{width:100%;height:100vh;}.btn{display:flex;justify-content:center;
align-items
峨M峰
·
2023-10-26 09:52
微信小程序
微信小程序
前端
javascript
pdf
谈一谈Vue中组件的局部注册,全局注册
components下的文件夹下PageTools文字区域按钮区域exportdefault{}.page-tools{display:flex;justify-content:space-between;
align-items
酌白楼
·
2023-10-26 07:53
vue
上一页
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
其他