Flex

HTML+CSS实训——Day02——仿一个网易云音乐的登陆界面

登陆界面代码Documentbody{background-color:red;}h2{color:white;font-weight:400;display:flex;align-items:center
Sol-itude·2023-06-09 16:23

css3 flex弹性布局详解

css3flex弹性布局详解一、flexbox弹性盒子2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。
忆~遂愿·2023-06-09 15:36

如果让我实现一个v-loading，我该怎么办？

hidden;position:fixed;.background_div{background-color:#fff;opacity:0.8;width:100%;height:100%;display:flex
外围前端吴彦祖·2023-06-09 13:08

webAPI学习笔记4——PC端网页特效

案例：仿京东放大镜（略）2.元素可视区client系列案例：07.淘宝flexible.js源码分析（略）立即执行函数——不需要调用立马能够自己执行的函数3.元素滚动scroll系列3.1元素scro
夏天的遥遥漓曦·2023-06-09 12:04

记录基于Vue.js的Tree组件_Liquor Tree

supportsmobile,andhasavarietyofresponseevents.Flexibleconfiguration
雨季mo浅忆·2023-06-09 11:27

「HTML+CSS」--自定义加载动画【031】

效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center
海轰Pro·2023-06-09 08:40

Vue期末项目开发流程(四)

移动端适配的解决方案1.rem+less+媒体查询2.flexible.js+less+remrem布局适配为什么用rem？
blockchain beginner·2023-06-09 08:02

flex布局 一行显示两个同宽、高的盒子 并 可以换行

我在写移动端的项目时，会碰到类似如下布局，每行两个元素，每列就几乎无限制的，进行加载在设置一个商品盒子的宽度时，无法设置固定宽度，因为不同设备宽度不一样，会导致屏幕出现不同大小的留白，所以我需要通过flex
tengyuxin·2023-06-09 07:27

2019-01-25小程序使用flex-direction:column-reverse

使用flex-direction:column-reverse以后并不会靠底部，然后3,2,1的顺序排序，因为他们外部相当于有一个容器，高度是他们3个盒子一起撑开的高度，只会在他们撑开的高度内倒叙排列！
Kason晨·2023-06-09 06:41

响应式布局 案例一

一、完成效果Document*{margin:0;padding:0;}#div0{width:250px;display:flex;border:1pxsolid#dcdcdc;}#div0label
高冷大猛男·2023-06-09 05:06

响应式布局 案例二

Document#fromdiv{display:flex;height:30px;align-items:start;}#fromdivlabel{flex:00100px;text-align:right
高冷大猛男·2023-06-09 05:06

css flex学习笔记

本文转载Flex布局教程一，什么是flex布局Flex是FlexibleBox的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.
旺仔叔·2023-06-09 03:04

kvm系列：1、如何编译

Ubuntu9.3.0-10kylin2)9.3.0内核：4.1.35GNUld(GNUBinutilsforUbuntu)2.341、makemenuconfig否则无config文件2、安装依赖库libelf-devflexbison
o_alpha·2023-06-08 23:58

CSS 水平垂直居中的方式

目录在不知道子元素宽高的情况下，水平垂直居中的六种方式：1、弹性盒子布局方式来实现（flex）。
和你一起去月球·2023-06-08 19:03

网易云音乐开发--search模块基本功能实现（除历史记录模块）

很nice取消/*pages/search/search.wxss*/.header{display:flex;height:6
Moon.js·2023-06-08 17:56

不懂这个118358-80-8甘露糖丝氨酸？看看Fmoc-Ser(Ac4Manα)-OH的全面解析吧！

：118358-80-82.Molecularformula：C32H35NO143.Molecularweight：657.634.Packagingspecification：1g，5g，10g,flexiblepackaging
简单科研·2023-06-08 16:48

scroll-view自动适应高度，不定高度

但是这并不友好高度值我们是不应该写死而是让它灵活自适应我们可以用到flex布局去实现代码块我这里是uni-app的语法我是模拟内容：{{item}}.menber-
邱铁牛·2023-06-08 16:03

【编译报错处理】start value has mixed support, consider using flex-start instead

/node_modules/postcss-loader/src/index.js):Warning(69:13)startvaluehasmixedsupport,considerusingflex-startinst
张氏中华·2023-06-08 16:20

vue转移动端项目自适应 使用postcss-plugin-px2rem

需要使用两个插件：1.amfe-flexibleamfe-flexible是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。
limit for me·2023-06-08 15:17

30、js - 上传头像

{width:200px;height:200px;border-radius:50%;background:pink;display:block;margin:0auto;}div{display:flex
EchoLiner·2023-06-08 12:30

【动画消消乐】HTML+CSS 自定义加载动画 054

效果展示在这里插入图片描述在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content
海轰Pro·2023-06-08 09:45

css跳动文字——加载中

加载中希望对你有所帮助首先是文字部分⌛️正在载入...然后就是css部分了；主要就是运用css动画效果进行跳动的/*容器的样式*/.loading{position:relative;display:inline-flex
嘘~！·2023-06-08 09:39

Flex布局

最近，在复习flex的内容，看了coderwhy老师的flex讲解豁然开朗，于是，就将它整理成一个笔记来记录学习成果，方便日后查阅。
ym-13140912·2023-06-08 09:18

小程序左右标签滑块排行榜

标题图小程序左右标签滑块排行榜效果:效果成绩勤奋考勤.menu{display:flex;flex-direction:row;width:100%;background-color:#09f;height
魔王哪吒·2023-06-08 04:37

uni-app：使用scroll-view实现横向滚动

要实现的效果如下：二、代码实现：tips：1.scroll-view，必须设置：white-space:nowrap;2.item布局最外层，必须为行内布局，例如：inline-block或inline-flex2.1html
小跳不会Coding·2023-06-08 02:04

flex布局

flex布局flex模型弹性盒子flexcontainerflex-directionrow（默认值）水平方向，起始在左端row-reversecolumncolumn-reverseflex-warpnowarp
蟑螂大道·2023-06-08 02:57

深入理解react native布局（一）居中

首先我们要有个概念：reactnative里面是兼容大部分我们在css里面用到的布局方式，此外接触过css里面flex布局方式的话，我们会发现reactnative内的flex布局方式基本上和css里的
老人笔记·2023-06-08 01:56

Android开发之流式布局（实现热门标签效果）

由于公司产品的迭代更新，这次UI设计师做出了个类似热门标签页的效果，虽然谷歌官方已经提供了一个很友好的弹性布局FlexboxLayout传送门可以帮助我们实现这一效果，但是强迫症的我还是想要自己实现一波
考试小灵通·2023-06-08 01:11

Flutter灵活布局要掌握的两个控件Expanded和Flexible

Expanded和Flexible介绍在Flutter中，Expanded和Flexible是两个用于控制子组件尺寸的Widget，它们都可以用于实现灵活的布局。
江上清风山间明月·2023-06-07 23:07

Flex布局

最近这两天一直在学习关于移动端页面,而移动端页面一般很多用flex(弹性)布局,方便简洁,而且没有什么兼容性的问题,我们来看一下关于flex说起兼容性,我们先用canIUse看看flex兼容性如何弹性盒子
YM雨蒙·2023-06-07 20:58

postgresql 词法/语法(scanner/parser)中flex/bison介绍

专栏内容：postgresql内核源码分析个人主页：我的主页座右铭：天行健，君子以自强不息；地势坤，君子以厚德载物．目录前言词法分析与语法分析的关系工具介绍flex的介绍bison的介绍flex的使用举例
韩楚风·2023-06-07 18:05

仿chatGPT或chatPDF的前端界面布局，css实现对话聊天布局代码，响应式左右分栏布局（附完整源代码）...

chatPDF或者chatGPT的界面挺简洁的，就是一个左侧的列表以及右侧的对话列表，现在使用css实现这样的布局充分运用了flex布局方式实现，左右分栏，以及对话形式展示效果下面是效果图：在手机设备看就隐藏左侧
小红帽2.0·2023-06-07 17:46

前端实现高仿chatgpt对话页面，3分钟一看就会，你上你也行

页面布局这一块比较简单，分析过chatgpt的页面的就会知道，他的页面布局方式是采用flex布
测试那些事·2023-06-07 17:36

小程序map拖动地图显示地图中心标记点及经纬度方法

就上网搜了搜（官方有提供地图选点返回经纬度的，但是感觉手指操作不太精准，就想着换一种）然后自己写了个demo（代码再后面）大体思路是在map中心放个很小的圈圈定位用（map中flex垂直水平居中不太行，
奇妙方程式·2023-06-07 17:21

Css效果及有趣样式

var(--bg);width:800px;height:400px;}.zdycs{width:100%;height:100%;background:rgb(0,0,0,0.6);display:flex
攻城狮_6·2023-06-07 16:21

「HTML+CSS」--自定义加载动画【040】

效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center
海轰Pro·2023-06-07 16:58

CSS布局相关

以下为假设不考虑使用flex的情况下div居中有固定宽度时，利用margin:0
bzwhlll·2023-06-07 14:44

「HTML+CSS」自定义加载动画【050】

效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center
海轰Pro·2023-06-07 13:06

离散数学_九章：关系（4）

9.4关系的闭包1、闭包(closure)的定义2、不同类型的闭包1.自反闭包(reflexiveclosure)2.对称闭包(symmetricclosure)3.传递闭包(transitiveclosure
徐徐同学·2023-06-07 12:16

CSS-Flex布局

01-标准流标准流也叫文档流，指的是标签在页面中默认的排布规则，例如：块元素独占一行，行内元素可以一行显示多个。02-浮动基本使用作用：让块元素水平排列。属性名：float属性值left：左对齐right：右对齐/*特点：顶对齐；具备行内块显示模式特点；浮动的盒子会脱标*/.one{width:100px;height:100px;background-color:brown;float:left
Big-Peng·2023-06-07 11:58

JavaScript-jQuery的使用 + JS的案例

input里面的button按钮,并且利用函数,将一个搜狗logo转换为百度logo:JSDemo-Testfunctionop(){varpath="https://www.baidu.com/img/flexible
niceffking·2023-06-07 10:53

flex布局中理解flex-grow、flex-shrink、flex-basis属性

参考博客：深入理解flex布局的flex-grow、flex-shrink、flex-basisflex-basis属性flex-basis设置子项目占据的空间大小，如果指定flex-basis的值，则子项目会占用所设置的值
宁然也·2023-06-07 10:09

汽车电子AUTOSAR之EcuM模块

目录前言正文EcuM模块总体介绍主要功能总状态机（Flexible与Fixed）StartupSequenceSTARTUPISTARTUPIIRUNSequenceRUNIIRUNIIIShutDownSequenceShutDownTargetGoSleepGoOFFIGoOFFIISleepSequenceSleepISleepIIWakeupSequenceWakeupIWakeupVal
ManGo CHEN·2023-06-07 09:55

【动画消消乐】HTML+CSS 自定义加载动画 051

效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center
海轰Pro·2023-06-07 08:04

2023/6/4总结

CSS的学习：2023-06-0119-57-46-649移动开发流式布局：流式布局，是根据百分比布局，因为手机的尺寸会不一样，所以利用百分比布局可以很好的解决缩放以及尺寸问题：这是跟着视频做的一个案例：flex
lxh0113·2023-06-07 07:18

Flex布局

一篇文章弄懂flex布局**壹❀引**谈到flex布局，我不知道有多少人跟我一样，在本能的想到justify-content:center与align-items:center两条属性之后，除此之外的其它属性居然显得格外陌生
刻骨铭心_4800·2023-06-07 07:47

2023/6/6总结

下面是跟着视频教学用flex布局写的一个移动端网页：html代码：想死即使前路艰险，我也甘之如饴我的重生之各大学科刻不容缓争夺我晴天花海告白气球烟花易冷说好的幸福呢青花瓷稻香倒带蒲公英的约定等你下课七里香珊瑚海夜曲听妈妈的话黑色毛衣你住的巷子里我租了一间公寓为了
lxh0113·2023-06-07 07:42

小白也能上手的交互小程序教程：Big Box

这个小程序将使用HTML和CSS来创建一个具有flexbox布局的容器，并在其中生成大量小盒子。最后，将使用JavaScript为小盒子添加事件，使其能够收缩成一个中盒子，并将其恢复为小盒子。
正经人_____·2023-06-07 04:26

原生js实现下拉多选框组件

li{list-style:none;}.box{width:300px;position:relative;top:50px;left:50px;}.top{height:45px;display:flex
奶粉罐没粉·2023-06-07 03:01

CSS Flex

2009年，W3C提出了Flexbox布局方案，一种简单、完整、响应式的页面布局。Flex弹性盒子布局与方向无关，相对于常规布局（垂直块/水平内联块为基础）不存在浮动元素脱离文档流后需清除浮动的问题。
JunChow520·2023-06-07 03:53
上一页 77 78 79 80 81 82 83 84 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他