flexbox

React Native布局

➕这一步,再搞懂这几步ReactNative才算入门FlexBoxFlexbox是前端开发的一种布局方案，开发效率快，屏幕适配性极高，ReactNative也使用了这种布局方案。
Viknando·2020-02-24 16:48

weex实践

数据缓存方案：用两个list层级深有native的意识布局->样式，用style来排版，删除冗余div背景图绝对定位，absolute链接加入flexbox14层才是安全的WeexAnimation最佳实践
熊妹妹·2020-02-24 12:54

ReactNative学习笔记（五）样式&高度宽度&Flexbox布局

样式所有核心组件都接受style属性，建议使用StyleSheet.create来集中定义组件的样式；style中可以传入单一的样式，也可以传入样式数组，与css中的规则一样，同一样式对象处于后面的样式优先级更高会覆盖前面的样式；样式名基本上遵循了web上的css的命名，但按照JS的语法要求使用了驼峰命名，如css中的background-color改为backgroundColor；import
维仔_411d·2020-02-24 10:30

css有哪些方式可以实现垂直居中

2.知识剖析布局的解决方案，基于盒状模型，依赖display属性+position属性+float属性+flexbox，咱们就从这几点入手。3.常见问题垂直居中的方式？
xiaoyudesu·2020-02-24 10:40

从零学React Native之06flexbox布局

前面我们接触了好多ReactNative代码,并没有介绍RN中的组件具体是如何布局的，这一篇文章，重点介绍下flexbox布局。
于连林520wcf·2020-02-24 07:17

SVG 3秒倒计时

倒计时*,*::before,*::after{margin:0;padding:0;box-sizing:inherit;}body{display:-webkit-box;display:-ms-flexbox
wyq_0bed·2020-02-24 04:52

React-Native flexBox_4

4.1position键可以绝对定位和相对定位当值为absolute:可设置top,bottom,left,right当值为relative:只能设置top,left2.4.2flexDirection键决定了组件内部的子视图排列方向值:column,row两种状态如下图为css可以四种情况布局:但rn只有:上到下左到右flexdirection.png4.3flexWrap键可选值：wrap,n
Jniying·2020-02-23 23:38

2017 年 CodePen 优秀作品盘点

在去年《TheMostHeartedof2016》的专题盘点中，涌现了像Flexbox游乐场、Shader图像变换特效、纯CSS实现的雪橇犬等众多优秀的前端作品，我们也直观的体
IT程序狮·2020-02-22 22:59

手机端rem布局

lib-flexible-for-html5-layout.htmlhttp://www.cnblogs.com/well-nice/p/5509589.htmlhttps://www.w3cplus.com/css3/css-grid-flexbox-solvin
jh2k15·2020-02-22 12:33

小薇学院任务四笔记3（flexbox）

为什么是Flexbox？长久以来，唯一可用且有稳定的跨浏览器兼容性的能用来构建CSS布局的工具只有floats和positioning。它们是即可行也不错，但是在某些方面就有限制，也难搞。
garble·2020-02-22 02:02

flex布局之前世今生

flexbox，一种CSS3的布局方式，也叫做弹性盒子模型，2009年w3c提出用来为盒装模型提供最大的灵活性。
少年_小王子·2020-02-22 01:49

flexbox

1.flex-shrink:0;flexbox默认会收缩没有内容的元素的高度，设置为0表示不收缩2.flex-grow:1;flexbox元素默认flex-grow=0,数值越大表示占据页面空余位置的优先级越高
happywind·2020-02-21 06:18

Flexbox完全指南[译]

本文译自ACompleteGuidetoFlexbox这里，针对本文介绍的属性列个提纲：伸缩容器属性：displayflex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content
evelynlab·2020-02-20 06:59

平安金融科技移动技术周报（第十九期）

知乎本期导读：本期原创专题带来一个Android的开源网络框架，大家觉得不错的话可以star起来，同时对于JVM感兴趣的不要错过关于JVM内存结构介绍的文章；Android专题可关注Google最近发布的FlexboxLayout
asce1885·2020-02-20 05:18

FlexBox布局属性笔记

display:表示为伸缩容器参考属性：flex|设置为容器inline-flex|行内元素设置容器模型flex-direction:设置容器的方向参考属性：row|水平排列从左往右(图3)column|垂直排列从上往下(图2)row-reverse|反向水平排列从右往左(图4)column-reverse|反向垂直从下往上(图1)flex-directionflex-wrap:容器空间不足时是否
香脆的大鸡排·2020-02-19 05:19

一些好的学习地方(不断更新)

FlexBox:http://yangjh.oschina.io/front-end/css/flex.html免越狱iOS自动抢红包插件实现：http://www.swiftyper.com/2016
小岩同学·2020-02-18 11:07

ReactNative学习之Flexbox布局

Flexbox布局在RN开发中至关重要，它用来指定某个组件的子元素布局方式，可以使用一套布局适应多种屏幕，一般情况，使用三种布局方式就可以满足大部分情况：1、flexDirection：决定组件的布局方向
喵洛·2020-02-18 11:31

Weex——DIV

支持所有的公共样式、属性、flexbox布局.这类组件支持任意类型的weex组件作为其自组件，包括其自己。
张璠·2020-02-17 18:01

CSS3之Flexbox布局在ReactNative的应用

CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局，被成为弹性布局（或者伸缩布局）。相比之前的布局方式有很大的灵活性，尤其是之前垂直居中时的设置问题等。
maxZhang·2020-02-17 17:55

iOS开发：屏幕适配浅谈

在iOS平台上，苹果爸爸对适配的支持个人感觉很不人性化，提供了autoLayout、sizeClass等技术，感觉没有前端类似flexBox这样的技术来得灵活。
不是坏人的自来卷·2020-02-17 13:24

FlexBox布局

主要属性flexDirection、alignItems和justifyContentflexDirection:在组件的style中指定flexDirection可以决定布局的主轴。子元素是应该沿着水平轴(row)方向排列，还是沿着竖直轴(column)方向排列呢？默认值是竖直轴(column)方向。alignItems:在组件的style中指定alignItems可以决定其子元素沿着次轴（与主
Anddy_Gon·2020-02-16 15:46

8月第一周

今天练习一下原生JS的轮播写法-2-Flex的兼容性今天遇到了display:-webkit-box，搜索了一下发现是旧版的display:flex通常适应旧手机版本时会使用display:box来表示flexbox
cicistream·2020-02-16 04:15

微信小程序—Flex布局

参考教程：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlhttps://xluos.github.io/demo/flexbox/语法：
Pam_sh·2020-02-15 23:00

前端技术文章整理

CSSCSS3Flexbox布局完全指南JS基础搞不懂JS中赋值·浅拷贝·深拷贝的请看这里JS开发常用工具函数重学thisJS开发常用工具函数前端技术相关正向代理与反向代理的区别图片懒加载原理及实现看看这些被同事喷的
yisha0307·2020-02-15 22:16

Grid布局基础

Flexbox的出现在一定程度上解决了这个问题，但是它的目的是为了更简单的一维
礼知白·2020-02-15 20:06

CSS布局之弹性盒子-flexbox(上)

弹性盒子是一种新技术，但在如今各个浏览器都广泛支持的情况下，它已经开始准备广泛应用了。弹性盒子提供了工具，允许快速创建曾经被证明用CSS很难实现的一些复杂，灵活的布局和功能。一、为什么是弹性盒子?长久以来，唯一可用的且有稳定的跨浏览器兼容性的能用来构建CSS布局的工具只有floats和positioning。它们是既可行，表现也不错的布局方案，但是在某些布局方面它们就有限制，并且难以实现。以下简单
codeTao·2020-02-15 11:44

React Native学习之样式与flexbox布局(二)

1、样式的定义可以使用两种方式：第一种：exportdefaultclassAppextendsComponent{render(){return()}}第二种：exportdefaultclassAppextendsComponent{render(){return()}}conststyles=StyleSheet.create({container:{backgroundColor:"#ff
dhhuanghui·2020-02-14 09:15

弹性布局--读书笔记-响应式web设计(二)

在主内容区下方布局问题1.做到垂直方向居中很困难2.相邻元素，很难做到1个固定，另一个填充空间浏览器兼容性IE9以下不支持，IE10、IE11支持的不好Flexibleboxlayout浏览器支持情况Flexbox
馒头学前端·2020-02-14 02:46

【控件】Android可伸缩布局－FlexboxLayout(支持RecyclerView集成)

1.前言前几天看到Google官方的博客介绍了Google开源的一个强大的布局－FlexboxLayout，看见第一眼我心里的想法是，卧槽，Android居然有这么一个强大的布局。
锐心凌志·2020-02-13 22:31

FlexBox 弹性盒模型布局 - 子控件篇

上一章讲了下FlexBox的基础以及父控件css的控制其实父控件大体上就是一个排列方向和对齐方式的作用。子控件会根据父控件的main-size和控制来布局。
土豆萝卜君·2020-02-12 20:47

grid和ol元素响应表格设计方案

原文连接:https://css-tricks.com/responsive-data-table-roundup/还有以下一篇文章ReallyResponsiveTablesusingCSS3Flexbox
铁甲万能狗·2020-02-12 02:09

flex弹性布局

flexbox介绍概念：flex=flex(ible)layoutboxmodel，弹性盒式模型特点：它能够更加高效方便控制元素的对齐，排列，更重要的是能够自动计算布局内元素的尺寸，无论这个元素的尺寸是固定的还是动态的
陈裔松的技术博客·2020-02-11 23:07

前端面试纪要

电面的时候问了Rem的问题，这个还是有所欠缺，关于dp,sp,px,em,rem,%的区别FlexBox的相关理解，需要进一步的学习js设计模式？没有用到过。Mobi
张飞不在家·2020-02-11 19:06

图解CSS3 Flexbox属性

Flexbox布局官方称之为CSSFlexibleBox布局模块,他是CSS3中的一种新的布局模式。
流动码文·2020-02-10 22:05

CSS3中新的布局方式flex box

https://css-tricks.com/snippets/css/a-guide-to-flexbox/背景：为了更高效赋予container更强的能力，改变其中元素的宽高甚至排序最重要的是flexboxlayout
田永威·2020-02-10 16:08

CSS（20）CSS3 弹性盒子(Flex Box)

CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
springsnow·2020-02-10 11:00

UC浏览器的兼容问题

display:-webkit-box;/*OLD-Firefox19-(buggybutmostlyworks)*/display:-moz-box;/*TWEENER-IE10*/display:-ms-flexbox
紫夏离殇·2020-02-10 06:11

Android:FlexboxLayout你值得拥有的流布局助力

image.png1.前言前几天看到Google官方的博客介绍了Google开源的一个强大的布局－FlexboxLayout，看见第一眼我心里的想法是，卧槽，Android居然有这么一个强大的布局。
埃赛尔·2020-02-10 02:03

FlexBox - YogaKit

FlexBox-YogaKitFlexBox是一套通用的布局协议，YogaKit实现了这个协议，iOS端可以使用YogaKit来实现FlexBox布局。
观星·2020-02-10 01:08

Flexbox

一、背景1、什么是Flexbox？
ryyou·2020-02-09 13:23

Flexbox总结

Flexbox弹性布局是ReactNative中的布局，功能丰富，能够满足页面大量的排版需求。RN的FlexBox和Html5的差别不大，原理基本相同。
烂吹笙·2020-02-09 08:35

没有table标签的table布局

:#ccc;height:6em;}footer{background:#444;height:5em;}section{display:table-row;height:100%;}SolvedbyFlexboxStickyFooterCre
小早online·2020-02-08 20:10

vue双向数据绑定

知识点{:&.flexbox.vleft}Object.defineProperty()介绍vue双向数据绑定原理Object.defineProperty()介绍{:&.flexbox.vleft}概念
007_2278·2020-02-08 17:46

Flexbox

flexDirection:决定布局的主轴(column默认沿着竖直方向排列，row子元素沿着水平轴)justifyContent：主轴的排列方式（flex-start、center、flex-end、space-around以及space-between）alignItems：侧轴的对其方向（flex-start、center、flex-end以及stretch）flexWrap:换不换行mar
搬砖行家·2020-02-08 13:28

搞定 Android 布局1：FlexboxLayout 弹性布局

1开始使用https://github.com/google/flexbox-layoutcompile'com.google.android:flexbox:0.3.0-alpha4'2常用父布局属性
louisgeek·2020-02-07 23:52

ios Flexbox --更加顺畅的界面布局

iOS开发中给系统给我们提供了两种布局，frame布局和AutoLayout布局，虽然frame布局性能很高但面对现在越来越丰富的iPhone尺寸，为了适配各种机型需要写更多的无营养代码，造成代码量增多。AutoLayout是iOS6之后被引入的，由于其蹩脚、冗长的语法，直到出现一些优秀的开源第三方库，自动布局才真正意义上被应用到iOS开发中。AutoLayout将我们从坐标中的点面思考带到约束条
指尖的跳动·2020-02-06 17:08

谷歌官方推出的安卓流布局

名称flexbox-layout语言Android平台GitHub作者google链接点此进入flexbox-layout是谷歌官方在GitHub上面发布的开源库，在安卓上实现CSSFlexibleBoxLayoutModule
两只黄鹂鸣翠鸟·2020-02-06 15:35

上下固定中间滚动的移动端布局

弹性滚动区域footercss:html,body{height:100%;}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox
没人能救你呀吼·2020-02-06 02:57

10分钟理解CSS3 Grid布局

基本介绍上一篇文章我们介绍了css3flexbox，今天我们再来说说css3的另外一个强大的功能：Grid。
老王420·2020-02-05 07:26

快速了解flex

Flexbox布局最适合应用程序的组件和小规模布局（一维布局）一。
易景平·2020-02-05 02:20
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他