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
炫彩流光按钮
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
css 雷达扫描图
html代码css雷达扫描*{margin:0;padding:0;}body{background:#000000;height:100vh;display:flex;
align-items
:center
马卫斌 前端工程师
·
2023-10-25 13:54
css
1024程序员节
JS实现分页功能(单选按钮、全选按钮、跳转页面)
这里展现出成品的样式,接下来让我们欣赏来自代码的快乐CSS:th,td{min-width:120px;text-align:center;}.tool{display:flex;
align-items
风与烈酒
·
2023-10-25 05:26
javascript
前端
html
html DI在DIV中上下左右居中
使用Flexbox布局时,通过设置justify-content:center和
align-items
:center属性来实现水平和垂直居中。使用Grid布局时,通过
IT凝冬
·
2023-10-25 05:27
前端
html
position left设置居中,除了auto以外,还有什么方式
除了auto之外,可以使用以下方式设置元素的居中位置:使用flexbox:通过将元素的父元素设置为display:flex,并将子元素设置为
align-items
:center和justify-content
问相逢何必曾相识
·
2023-10-25 03:55
1024程序员节
Js实现图片转换SVG
SVG图片生成器body{display:flex;justify-content:center;
align-items
:center;height:100vh;background-color:#f7f7f7
骆骆爱学习
·
2023-10-25 00:39
javascript
前端
css
Flex布局实现垂直居中
垂直居中.parent{width:100%;height:80px;background:#fafb9a;display:flex;justify-content:center;
align-items
Wendy__Smile
·
2023-10-24 13:39
前端学习之垂直对齐(vertical-align)
让块级元素垂直居中:子绝父相,子:top:50%;transform:translateY(-50%);/margin-top:-(子高度的一半)或者使用后面的弹性布局在父元素中添加display:flex;
align-items
Endless Daydream233
·
2023-10-22 23:02
前端学习基础记录
html
css
VUE的阻止冒泡事件
click.stop()方法.boxParent{width:400px;height:400px;background-color:pink;display:flex;justify-content:center;
align-items
-拜托小羊
·
2023-10-21 21:14
冒泡事件
javascript
开发语言
CSS 效果 圆形里一个文字居中
;border-radius:50%;/*将容器设置为圆形*/background-color:#ff9900;display:flex;justify-content:center;/*居中显示*/
align-items
Lan.W
·
2023-10-21 08:45
css
前端
css3
css案例
微信小程序踩坑记
最后问了度娘才知道view中的文字对齐不能简单使用text-algin-center,他只能实现文字水平居中水平垂直居中用下面的方法display:flex;
align-items
:center;justify-content
mm jiao
·
2023-10-20 16:35
微信小程序
前端js实现asr(语音转文字)
Ai语音转文字*{margin:0;padding:0;}body{display:flex;justify-content:space-around;
align-items
:center;}.startBtn
emo王子
·
2023-10-20 14:09
前端
javascript
开发语言
关于小程序button控件上下边框的显示和隐藏问题
代码如下.con_listbox{width:100%;height:120rpx;padding:032rpx;display:flex;justify-content:space-between;
align-items
端木安玉
·
2023-10-20 10:52
文本忽略基线,绝对居中
display:inline-flex;
align-items
:center;overflow:visible;
JK___
·
2023-10-19 17:37
小程序样式
属性:flex-direction决定主轴的方向属性:row:row|row-reverse|column|column-reverserow.pngalign-items属性:
align-items
:
Felix_Fang
·
2023-10-18 22:21
php中display属性,CSS3中display属性布局详解
最近在学习微信小程序,在设计首页布局的时候,新认识了一种布局方式display:flex.container{display:flex;flex-direction:column;
align-items
欧义
·
2023-10-18 17:50
php中display属性
【微信小程序开发】布局(附有首页布局案例)
一.弹性布局以及相关样式1.什么是flex布局2.flex属性①flex-direction属性②flex-wrap属性③flex-flow④justify-content属性⑤
align-items
属性
是辉辉啦
·
2023-10-18 03:05
小程序开发
微信小程序
小程序
微信小程序自定义导航栏组件
/*wxml*//*wxss*/.custom-bar{height:60rpx;padding-left:7px;/*固定为7*/display:flex;
align-items
:center;box-sizing
iCherries
·
2023-10-14 13:50
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他