flexbox

FlexBox 语法指引

FlexBox语法指引容器属性display:flex|inline-flexCSS的columns在伸缩容器上没有效果。
yuanxj1024·2017-11-29 00:00

前端速查表大全,分享一些技术和工具的简明教程

这个速查表主要是分享互联网上一些比较常用的工具和技术常用内容，如编辑器的快捷键、git的命令行、jQuery的API选择器、CSS的flexbox属性等，这个列表简单收集了常用的工具，可以收藏用于平时的备忘录
前端开发博客·2017-11-29 00:00

聊聊flexbox

和一步聊聊布局神器flexbox视频讲解有偿的哦本文涉及内容如下：flexbox的基本概念、容器属性学习、项目属性学习、实战演练。
一歩·2017-11-28 00:00

在项目中遇到关于 CSS Overflow Hidden在iPhone & Safari不起作用

shop-top{width:16rem;background-color:#FFF;padding:.5rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox
浪子_阿坤·2017-11-22 20:00

Flex布局 Flexbox属性详解

原文：AVisualGuidetoCSS3FlexboxPropertiesFlex布局官方称为CSSFlexbleBox布局模型是CSS3为了提高元素在容器中的对齐、方向、顺序，甚至它们是动态的或者不确定大小的新布局模型
Jarvan大熊·2017-11-09 17:54

React Native 组件样式使用汇总

结构没有按照官方分类来划分，目前分为：基础组件类TextstyleViewstyleImagestyle布局类LayoutstyleFlexboxstyle效果类TransformstyleShadowstyle
Rin阳·2017-11-08 10:51

React Native 组件样式使用汇总

结构没有按照官方分类来划分，目前分为：基础组件类TextstyleViewstyleImagestyle布局类LayoutstyleFlexboxstyle效果类TransformstyleShadowstyle
Rin阳·2017-11-08 10:51

CSS简史

虽然历史这类内容对实际的开发也许没有实际的帮助（不像学习了Flexbox,Grids就能马上用到布局中），但是总觉得这也是一个前端工程师应有的软知识。
zhangwang·2017-11-06 00:00

flexbox 剩余空间分配规则

flexbox剩余空间分配规则前面我们学习到了flexbox布局。通过使用flexbox布局，我们可以更轻松实现以往很难实现的页面布局。本文主要讲解flexbox布局是如何去分配和计算布局剩余空间的。
一个柠檬·2017-11-02 21:21

React Native 入门（三） - 给 Android 开发者的学习建议

学习建议需要用到的知识点JavaScriptES6JSXReactFlexBox看到这么多知识点，你可能
ayuhani·2017-10-30 22:23

各版本浏览器兼容性的写法

display：-moz-box/*老版本语法：Firefor（buggy）*/display:-ms-flexbox/*混合版本语法IE*/dispay:-webkit-flex/*新版本语法：Chrome
diyude_shizhe·2017-10-23 20:09

使用 Flexbox 实现一个网格系统

1.一行的元素平分整行宽度HelloWorldHelloWorldHelloWorld.box{padding:20px;border:1pxsolid#ddd;}.columns{display:flex;}.column{flex:1}最重要的一点是给这一行的父元素(columns)的直接子元素(column)设置flex:1。这样元素才会平分整行空间，否则就只会占据元素本身的大小，挤在一起。
Yawenina·2017-10-18 00:00

ReactNative 布局

主轴和侧轴(横轴和竖轴)1、ReactNative中的FlexBox和WebCSSS上FlexBox的不同之处？
Y小圆脸·2017-10-17 16:48

CSS网格布局（Grid）完全教程

它是二维系统，即可以处理行和列，不像flexbox只是一维系统。我们通过为父元素（变为gridcontainer）和子元素（变为griditems）应用CSS规则来使用Grid布局。
风萧萧梦潇·2017-10-10 17:38

03.ASDK整理：常用布局

ASDK布局使用Flexbox方式布局。
mikado_Q·2017-09-28 11:42

如何使用Flexbox和CSS Grid，实现高效布局

幸运的是，在现代网页设计时代，使用Flexbox和CSSGrid来对齐元素，变得相对容易起来。使用Flexbox可以使元素对齐变得容易，因此Flexbox已经被广泛使用了。
powertoolsteam·2017-09-20 12:32

如何使用Flexbox和CSS Grid，实现高效布局

幸运的是，在现代网页设计时代，使用Flexbox和CSSGrid来对齐元素，变得相对容易起来。使用Flexbox可以使元素对齐变得容易，因此Flexbox已经被广泛使用了。
葡萄城控件·2017-09-20 00:00

作业帮前端

margin+border+padding+content(width/height)怪异模式下box=margin+content(border+padding+width/height)移动设备的自适应flexboxrem
都尼都尼·2017-09-12 22:40

flexbox layout

flexbox的简介：flexbox是2009年W3C提出的一种全新的可伸缩的CSS布局方式。依赖flexbox，我们可以更简单，高效的完成可伸缩式页面的布局。
珞辰·2017-09-08 23:29

Google控件FlexboxLayout实现流式布局

github地址（欢迎下载完整Demo）https://github.com/zhouxu88/FlexboxLayout效果图首页.jpg仿.jpg简介：大家都知道，在以往如果我们想要实现上面这种流式布局
唠嗑008·2017-09-07 16:08

【技巧】歪脑筋优化flexbox瀑布流布局方案

效果先行需求在大量“不定宽”元素并排的布局模式下，上图是我们想要的最佳布局但是FlexBox布局虽然枪弹但并不能完全呈现以上布局，于是我们需要结合FlexBox作下小的改动即可实现。
zwwill_木羽·2017-09-04 00:00

FlexBox的特点及使用场景分析

FlexLayout是在CSS3中出现的一种新的布局模式，它是为展示出更加复杂的app或者网页而设计的，W3C官方称其为CSS弹性盒子布局。它与块样式布局相似，（缺点：）但缺少对于更加复杂的文字或者文档布局等需求的实现，反过来，它可以简单实现web网页和app中经常需要的空格均分以及内容对齐的需求。特性如下：可以在垂直或者水平方向以任意一种对齐方式进行样式布局可以在单一轴线上布局也可以在多行内布局
Coding_Ape·2017-09-03 23:31

Flex 布局教程：实例篇

我的主要参考资料是LandonSchropp的文章和SolvedbyFlexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到
vimtest·2017-09-01 16:10

从一个实战项目来看一下React Native开发的几个关键技术点

在进行了2个星期的基础学习（Flexbox,React.js,JSX,JavaScript）之后，想通过一个实战项目来提高ReactNative的开发水平，于是找到了下面这个项目：一.项目介绍这是我在学习贾鹏辉老师在慕课网上的一个很火的
J_Knight_·2017-08-30 13:25

翻译 | CSS网格（CSS Grid）布局入门

原文地址：GettingtoknowCSSGridLayout原文作者：ChrisWright译者：华翔校对者：珂珂、干干翻译|CSS网格（CSSGrid）布局入门CSS网格布局是浏览器Flexbox布局之后最重要的布局方式
iKcamp·2017-08-30 00:00

CSS中Flex快速入门

1.容器和容器里的元素flexbox布局的两个最重要的概念是容器(蓝色)和容器里的子元素(红色)。在本文的例子中，容器和它的子元素都是div。
揪个太阳·2017-08-28 14:17

Android 控件之FlexboxLayout知识梳理

FlexboxLayout是google出品的Android控件，类似前端或RN的flex布局。FlexboxLayout分为主轴和侧轴（垂直于主轴）。
笨鸟-先飞·2017-08-24 14:44

React Native之TextInput组件解析示例

1概述TextInput组件和Text组件类似，内部都没有使用FlexBox布局，不同的是TextInput组件支持文字的输入，因为支持文字输入，TextInput组件要比Text组件多了一些属性和方法
刘望舒·2017-08-22 15:53

flexbox布局在微信小程序中的使用

1.flexbox布局1.1flexboxflexbox布局可以简单快速的实现各种伸缩性的设计。那么flexbox是什么呢？
lihhm·2017-08-18 16:30

flex-layout

flex-layoutAPIdemo的地址该API有两个重要功能集：-静态API-响应API容器一个DOM容器中嵌套一个或多个flex子元素fxLayout定义flexbox容器中子项目的流顺序fxLayoutWrap
railsbug·2017-08-18 14:24

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

Flexbox是一个整体模块，而不是单一的一个属性，它涉及到了很多东西，包括它的整个属性集，所有它需要在父容器设置也有的需要在子控件设置。fle
土豆萝卜君·2017-08-16 18:05

React Native组件（三）Text组件解析

Text组件的内部使用的并不是flexbox布局，而是文本布局，因此想要使用flexbox设置文字居中是不可能的，解决方案就是在T
刘望舒·2017-08-09 20:24

前端技能树

作为一个前端开发者，我认为我们应当具备如下技能树：HTML（整洁代码，语义化标签）CSS（模块化，可伸缩）CSS方法（BEM、SMACSS、OOCSS）CSS预处理器（less、scss、postcss）现代CSS（flexbox
Bin_Going·2017-08-05 09:26

Flexbox布局

flex布局有主轴和侧轴两个轴（mainaxis和crossaxis），这两个轴是可以互换的。默认情况下，主轴是整个容器的宽，侧轴是高。flex容器的所有属性，即父容器flex-direction：设置主轴为容器的宽或高，侧轴与之相应的改变，控制flex项目的排序主轴和侧轴是可以通过flex-direction属性来定义的。对应的属性如下：flex-direction:row;//默认值，主轴为宽
RcatToper·2017-08-01 02:52

CSS3基础(3)——CSS3 布局属性全接触

一、弹性盒模型1、弹性盒子模型介绍弹性盒模型（FlexibleBox或Flexbox）是一个CSS3新增布局模块，官方称为CSSFlexibleBoxLayoutModule,用于实现容器里项目的对齐、
weixin_30433075·2017-07-30 19:00

FlexBox布局全解

前言FlexBox是css3的一种新的布局方式，天生为解决布局问题而存在的它，比起传统的布局方式，我们使用FlexBox布局可以免去float、display、position这些属性的困扰。
zevei·2017-07-26 16:04

公司大屏开发心得

所以在布局这块我优先选择使用flexbox技术。因为大屏屏幕很大，设计师给出的设计图通常会有很大的尺寸。其实设计师并不知道的是大屏屏幕在再大，也不过就是一个显示屏的尺寸。
frontoldman·2017-07-21 00:00

React Native入门（四）之使用Flexbox布局

前言flex，收缩，弹性的意思。弹性（Flex）宽高关于RN中宽高的设置，我们在上一篇设置Image加载网络图片的时候提到过，首先width和height是两个属性，用来指定一个组件的宽高，使用的时候可以这样：也可以在外边定义，之后再引用，这个就不多说了！ReactNative中的尺寸都是无单位的，表示的是与设备像素密度无关的逻辑像素点。那么什么是弹性（Flex）宽高？官网的说法，在组件样式中使用
木大白易·2017-07-20 18:09

12个css高级技巧汇总

取消应用边框给body添加行高所有一切都垂直居中逗号分隔的列表使用负的nth-child选择项目对图标使用SVG优化显示文本对纯CSS滑块使用max-height继承box-sizing表格单元格等宽用Flexbox
fortunatelys·2017-07-19 22:31

【W3C】理解 css-flexbox 盒子模型 - 三稿

前言flexbox盒模型,可伸缩式(弹性)布局,能够有效改变盒子内容器大小,填补盒子未使用的空间,收缩容器以避免溢出盒子模型.极其简单的控制盒子内的容器垂直,水平布局W3C官网地址介绍flex布局表面上类似于
wayneli·2017-07-17 00:00

【React Native】FlexBox布局

一、FlexBox布局FlexBox是什么？
lever_xu·2017-07-14 19:30

CSS布局

CSS发展到今天，实现布局的方案太多了：古老的table布局，千万不要觉得有了div,table就应该退出历史了，该用的时候还是需要用的，比如数据表格float，positiondisplay:tableflexboxgrid
天才老王1993·2017-07-13 16:00

理解Flexbox弹性盒子

http://www.w3cplus.com/css3/understanding-flexbox-everything-you-need-to-know.html参考文档1：要开始使用Flexbox，
天才老王1993·2017-07-12 16:00

[翻译]Flex Basis与Width的区别

最近在学习FlexBox，其中的FlexBox属性中的FlexBasis是关于项目宽度属性设置的，这让许多初学FlexBox的人困惑它与CSS盒子模型Width属性的区别在哪？
吃素的外星人·2017-07-08 12:20

flexbox 布局

title:flex布局date:2017-07-0714:13:33tags:css笔记flexbox是什么即使不知道视窗大小或者未知元素情况之下都可以智能的、灵活的调整和分配元素和空间两者之间的关系
Gary23·2017-07-07 14:38

12 个 CSS 高级技巧汇总

取消应用边框给body添加行高所有一切都垂直居中逗号分隔的列表使用负的nth-child选择项目对图标使用SVG优化显示文本对纯CSS滑块使用max-height继承box-sizing表格单元格等宽用Flexbox
恩德_b0c2·2017-07-06 22:46

MDL容器组件

MDL容器组件参考代码1.单行页脚/MinifooterMDL的单行页脚/Minifooter组件以单行水平方式组织所有的信息：单行页脚同样采用flexbox布局，将整行分割为左右两种区域，并以空格填充剩余的行空间
whjin·2017-07-01 00:00

React Native组件（二）View组件解析

View组件是一个支持Flexbox布局、样式、一些触摸处
刘望舒·2017-06-27 10:46

React-Native中一些常用组件的用法详解(一)

View组件View是一个支持Flexbox布局、样式、一些触摸处理、和一些无障碍功能的容器，并且它可以放到其它的视图里，也可以有任意多个任意类型的子视图。
lymooz·2017-06-26 10:55

Flexbox布局的正确使用姿势

在项目中，我们还会大量使用到flexbox的新旧属性，但大多数人一般只会写新属性，旧属性交由autoprefixer处理，但其实完成同样功能的新旧属性表现形式却不尽相同。
Leechikit·2017-06-26 00:00
上一页 31 32 33 34 35 36 37 38 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他