felx

Flutter之Column与Flex布局问题

classdemoAextendsStatelessWidget{@overrideWidgetbuild(BuilderContextcontext){returnColumn(children:[Flex(children:[Expanded(Felx
enl0ve·2024-09-04 05:03

2018-06-03

复习了一波flex,并且在写完整个组件框架的时候，还要写布局的多个列表flex显示，目前做的仅仅是实现了行内felx的布局。2.整理了一波旧的学习资料。开始往上面誊写。
skoll·2024-02-06 12:12

学Flex布局-这一篇就够了

Flex是FlexibleBox的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，自由的操作容器中元素项目的排列方式，任何一个容器都可以指定Felx布局，注意，设置为Flex布局容器，
坚持与努力的星星·2023-11-16 19:36

css的gap设置元素之间的间隔

在felx布局中可以使用gap来设置元素之间的间隔；.box{width:800px;height:auto;border:1pxsolidgreen;display:flex;flex-wrap:wrap
前端小凯·2023-10-08 05:04

1-移动端felx 圣杯布局

flex圣杯布局html,body,header,main,footer{padding:0;margin:0;}body,html{display:flex;flex-direction:column;height:100%;}header{flex:0060px;background-color:green;}footer{flex:0040px;background-color:green;
崩鲨卡拉卡·2023-09-20 03:20

(felx布局)中的aligns-items属性的实践

align-items属性总有五个属性.box{align-items:flex-start|flex-end|center|baseline|stretch;}1.在没有加这个属性的时候align.htmldiv{width:700px;height:600px;margin:20pxauto;border:1pxsolidred;/*弹性布局*/display:flex;/*默认(写不写都可以
莪假裝堅強·2023-09-09 15:36

移动端的Flex布局

目录引入一、传统布局与flex布局传统性flex布局二、felx的特点三、flex布局父项的常见属性四、flex布局子项的常见方向总结引入flex是flexibleBox的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性
孤狼灬笑·2023-08-10 21:23

uniapp u-charts 图表自适应外框的宽高100%百分之百 ， felx:1 布局

问题在uniapp开发中，用到了u-charts，但是发现边框发现高度用了flex:1的布局，而宽度用了100%的布局。但是在设置里面的宽高时有需要一个具体的值，纠结了一会想到了办法，记录一下，如果有遇到相同问题的小伙伴也可以看看。实现办法.ucharts_box_cont{width:100%;flex:1;}.ucharts{height:100%;width:100%;}importuCha
侠课·2023-08-08 19:53

mianshi2

cssIFCBFCGFCKFCflexflex容器属性felx-directionflex-wrapflex-flowjust-contentalign-itemsflex项目属性flex：flex-growflex-shinkflex-basicflex-grow
想回到童年·2023-07-18 02:08

兼容性问题总结

兼容性问题：一、CSS兼容性1.felx布局在iOS8上有问题。解决：加-webkit前缀2.ie6、7和遨游里这个标签的高度不受控制，超出自己设置的高度。
af13e05a9b9a·2023-06-19 15:19

felx 布局

摘抄自阮一峰阮一峰的网络日志网页布局（layout）是CSS的一个重点应用。image布局的传统解决方案，基于盒状模型，依赖display属性+position属性+float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全
放逐的帝王·2023-06-13 03:17

felx布局

父级属性flex水平对齐justify-content:justify-content垂直对齐align-items:align-items主轴方向flex-direction:direction空间不足换行flex-wrap:nowrap(默认)：不换行wrapwrap-reverse多行垂直对齐align-content:align-contentfelx-flow:rownowrapflex
Web路灯·2023-04-21 18:29

felx布局--百度2020校招Web前端工程师笔试

下列布局在页面上的宽度比是多少？Document.flex{display:flex;width:200px;height:100px;}.left{flex:3250px;background:red;}.right{flex:21200px;background:blue;}A2:3B1:5C1:3D3:2答案：B解析：flex:3250px;是CSS中Flexbox布局相关的属性，表示了一个
kuang*·2023-03-29 04:46

flex布局

容器可以设置为两个值flex，inlie-flex区别felx：容器成为块元素inline-flex：
agai0925·2023-03-18 22:42

【前端大屏实战1】Vue+Echarts -- 大屏简介初体验 =＞ 大屏自适应缩放解决方案 =＞ 使用transform:scale =＞ 组件化抽离ScaleBox=＞【两分钟实现大屏宽高等比例】

目录一、大屏简介1.数据可视化2.大屏用途3.大屏效果展示二、大屏需求分类1.固定尺寸的“真实”大屏2.系统使用的“驾驶舱”页面三、大屏自适应1.前端自适应解决方案（1）使用felx布局（2）使用rem
小白Rachel·2022-06-28 18:02

Vue+Echarts 大屏自适应缩放解决方案 = 使用transform:scale

2.大屏宽高等比例适应（1）使用felx布局要点：使用f
aE_0ff7·2022-06-14 18:23

flex盒子子元素实现文本超出部分...

日常开发的时候有时候会遇到在flex布局中希望子元素自适应宽度并且文本超出部分...由于felx本身的属性限制，直接像下面这种写法是不生效的`用户名编辑资料`分享一种写法`用户名编辑资料`
·2021-01-29 15:45

flex布局（完结）

flexcontainer里的直接子元素叫做flex.item3·开启display属性设置为flex以块级元素的形式存在开启display属性为inline-flex以行内元素的形式存在二·flex布局模型三:felx
会加油的小仙女吖·2020-09-05 17:05

flex布局（Flexible Box）

这里felx布局实现起来就比较容易很多，比较重要的一点是，flexbox布局是方向无关的，而不是常规布局（块是基于垂直的和内联的，是水平的）。基础和语法在
ChrisCheng0821·2020-08-24 12:33

Application的初始化顺序

刚刚接触Felx，有点让人摸不着头脑，特别是在使用mxml文件时，尤为明显。
reminis·2020-08-22 18:06

flex布局之 5个div盒子位置的排列

、直接上图前三个盒子用felx布局最后一个盒子用定位过去代码如下.box{width:800px;height:600px;border:1pxsolidpurple;display:flex;flex-direction
SKY555ing·2020-08-13 23:48

圣杯布局三种方式

圣杯布局是经典的css布局，左右两栏的宽度固定不变，中间那一栏是自适应，下面将用felx、float、position三种方法进行圣杯布局效果图：body代码：1.圣杯布局之flex：left和right
Mia girl·2020-08-10 11:42

css 一些特殊样式解决

2.4首行缩进2.5怎么让Chrome支持小于12px的文字2.6两个div一个固定宽度，另一个填充满窗口2.7文本省略2.8margin与width:100%的问题2.9felx布局与line-
liuxmoo·2020-07-29 07:13

kubernetes添加第三方存储(二)

上一篇介绍创建存储pv的流程，那个有个存储需要挂载到容器里面才能被使用，下面还需要一个通用的接口felx去将存储挂载到容器里面。
u010278923·2020-07-27 13:29

问题总结

为什么要用felx？布局的传统解决方案，基于盒状模型，依赖display属性+position属性+float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。原生js绑定事件的方式？
DontPushMeForev·2020-07-15 01:46

FELX布局-豹子通杀图

豹子通杀图，顾名思义就是和骰子有关其中主要目的是练习几种布局方式，涉及到了盒模型，position,float,flex(最主要是练习FLEX)效果图如下：QQ图片20170618180818.png骰子布局body{box-sizing:border-box;}.clearfix:after{content:'';display:table;clear:both;}.box{display:fl
宋家王爷·2020-07-12 21:46

Flex布局

Flex是dispaly的属性值，当一个元素的display为felx的时候，它就脱离了盒模型。.box
超爱吃小龙虾·2020-03-11 01:29

细说flex布局

：justify-contentalign-itemsalign-self设置主轴方向flex-direction设置换行：flex-wrap设置主轴和换行的复合属性：flex-flow设置伸缩基准：felx-basis
chovitaminl·2019-12-31 01:49

3.1 布局类Widget-线性布局Row和Column

线性布局Row和Column弹性布局Felx线性布局Row和Column所谓线性布局，即指沿水平或垂直方向排布子Widght。
lltree·2019-11-30 15:44

任务11

代码1非felx：http://js.jirengu.com/dowum/13代码1flex:http://js.jirengu.com/moqes/24代码2非flex:http://js.jirengu.com
upup_dayday·2019-11-08 20:20

使用felx实现瀑布流 ，列表不规则显示

瀑布流首页/*css文件*/body{background:#e5e5e5;}#root{display:flex;flex-direction:row;margin:0auto;width:1200px;}.itemContainer{margin-right:10px;flex-direction:column;width:240px;}.item{margin-bottom:10px;bac
拾钱运·2019-05-29 11:38

常用布局使用felx布局来实现

1.一行显示，左边固定宽度右边自适应html代码felx布局实现左边固定宽度，右边自适应左边固定宽度右边自适应css代码*{padding:0;margin:0;}h4{margin:10px0;}.flexBox
wait_cynthia·2018-12-20 15:10

Flex布局

utm_source=tuicool)注意在felx-direction属性设置为column或column-reverse时，即项目为垂直排列时，应给定一个高度，28发现漏洞32发现病毒95体检得分.
hen1183392934·2018-08-09 09:47

一个box-sizing: border-box和felx混合使用中遇到的问题

之前在项目中遇到一个布局上很趣的问题(也可能是笔者才疏学浅，哈哈)。布局大概是这样的：外层包裹器：采用flex布局，并指定内部子弹性盒子元素水平显示侧边栏：flex盒子的子元素，可收起和展开。展开时显示菜单图标和菜单名称，收起时仅显示菜单图标。点击菜单图标或者文字(整个菜单项)跳转到预设置的路由上。展开时宽度为200px，收起时宽度为45px。头部与内容区域：flex盒子的子元素。设置为flex:
james·von·2018-07-04 15:00

javascript isNaN

因为以前felx组件默认是-99999999，后来因为方便组件和数据库的操作，就统一修改Number类型的数据为NAN类型了，然后通过isNaN去判断，而然很多表达式是返回字符串的或者null,要注意isNaN
·2015-11-07 13:55

Flex 减肥

为felx程序添加了几张图片，编译后的swf体积诡异的变成了8M多，真恐怖！ 寻遍google，找遍千百度，不得踪迹！
·2015-11-02 14:56

flex3导入php编辑功能的两种方式

felx本身是没有php编辑器功能的，但是怎么引用呢？   在Eclipse中导入插件是极其方便的一件事，Eclipse允许你通过两种方式导入插件。
·2015-11-02 11:51

关于check for corrupt jvm.cfg file错误

最近在看felx3权威指南,是本好书,讲得很细,但是书上资料自带的那个ColdFusion服务器,关于他的架设讲解得不够详细,导致很多朋友一直出现checkforcorruptjvm.cfgfile这个错误
seandu·2015-08-09 22:00

Flex LCDS的一个简单应用--AgileShopping&Management项目小结

五月初的时候决定开始动工，用felx尝试一下Web企业级应用开发。之前开始接触Flex技术也是处于一种巧合，后来不断看到网络上关于集中RIA技术优缺点的一些争议。
lijingyao8206·2015-07-01 21:00

flash builder增加flash设计效果

Flex与Flash的交互_1(初级简单示例)博客分类：Felx开发技术总结FlexFlashXML 其实就是Flex将Flash以资源的形式加载到Flex项目中，然后再获取该资源的内容对象，这样就可以操作该资源中对象的帧代码和文档类代码的公共方法了
flash8627·2014-04-24 10:00

flex与js交互

felx与js交互，可以动态加载flash flex调用js函数： 只需要要在flex中 在flex的mxml头部 加上creationComplete="initApp()“防止flash
qll3609120·2014-04-23 15:00

想用felx做个网站聊天工具

看好多网站上使用聊天质询业务，好多都是使用腾讯的收费，自己想弄个免费的，简单的，实用的，给大家使用，目前有这想法，求合作
吕栋·2013-12-06 13:00

Flash TextField selectable bug block TextEvent.Link solution

There is an old version Felx SDK bug(in my case it's Flex SDK v3.3.0.4852) that when TextField.selectable
thewaychung·2013-11-13 10:00

Openlayer加载WFS图层及C#编写ASP.net代理解决跨域问题，好长的题目

NND，openlayers跨域访问geoserver居然要用到代理，貌似Felx就不用，用C#编写代理网上普遍是这样的： public class GeoServerProxy1 : IHttpHandler
tedeum·2013-06-07 15:00

Application的初始化顺序

 刚刚接触Felx，有点让人摸不着头脑，特别是在使用mxml文件时，尤为明显。
reminis·2013-04-06 18:01

Flex4.5 DataGrid自动显示行号

今天在用Flex4.5 DataGrid自动显示行号时，在网上搜索了半天，都是说的Felx4 中如何自动显示行号，自己查阅Flex4.5API将问题解决，先将解决方法发上来，和大家分享下 1.创建一个项呈显器
bingdao8800·2012-12-04 15:00

flex4 下拉框中带有单选和复选功能的树

flex3中有dropdownFactory，可以很好的构建，但在felx4中没有dropdownFactory了，只好自己写，下面的源码 ComboBoxWithTree.as文件： package
chensong215·2012-09-05 10:00

flexmojos + blazeDS : destination has no channels defined 异常

　　问题重现： 　　在使用 maven flexmojos plugin 开发 felx项目过程中，执行 flexmojos:compile-swf  + flexmojos:wrapper
hgfghwq14·2012-07-01 00:00

flex与flash的交互

　　所谓flex与flash的交互，说白了就是在felx里加载swf文件，flex和swf中的脚本互相调用，以下一个小实例。 　　
hgfghww7·2012-07-01 00:00

flex数据绑定（2）

在下面的例子中，使用了[Bindable]元数据标记来指定Felx调用isEnabled()函数以响应myFlagChanged事件。
w_y_loong·2012-05-25 17:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他