flexbox

CSS多列布局Multi-column、伸缩布局Flexbox、网格布局Grid详解

新css属性为我们提供了更加便捷的网页布局方式。来自微软的thomaslewis将带你认识去GridAlignment，FlexiboxBox以及Multi-columnLayout这三大领域。这篇文章最早出现在theApril2012issue(226)这期的.net杂志上-这杂志是面向网页设计者以及开发者，全球销量最高的杂志。按照以往来说，用CSS来布局看起来总是一样非常繁杂的工作。然而，随着
AutismTune·2016-02-19 20:00

javascript结合Flexbox简单实现滑动拼图游戏

但是，使用了Flexbox布局以后，这都不需要你去考虑，浏览器会帮你做，Flexbox就是这么的强大。关于Flexbox的介绍可以点击这里。
那时候的我·2016-02-18 08:37

CSS3 flexbox布局兼容性

Safari 3.1-6 */ display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox
WolfX·2016-02-17 10:00

React-native初体验之一个完整的Flexbox指南

本文由大漠根据ChrisCoyier的《ACompleteGuidetoFlexbox》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。
klxh2009·2016-02-16 10:00

浮层水平垂直居中方法

children{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);background:black;} （二）利用flexbox
倾顾·2016-02-15 17:00

Flexbox，更优雅的布局

在设计的眼中，排版的操作是一件很简单的事情，靠左、置中、靠右，我只要点一下，所有元素，就会乖乖的到指定的位置。但到了前端在排版的实现上，就不是这样了。我们常常得用一堆其实本来不是这样用的属性来做hack，比如说用line-height来做垂直置中，这样做的确能达到效果，但是在语意上就有点不顺，拿刚刚提到的line-height来说，这本来是用来当作段落中的行距，但却因为这个属性能扩展文字的上下空间
狂流·2016-02-15 17:00

CSS3 flexbox弹性布局实例

我认为当flexbox支持所有的浏览器时，由于它比浮动布局更加的简单和强大性，它将彻底的改变我们的CSS布局方式。例如我们可以很容易的写出一个元素在未知比例下的居中对齐布局。
rose_yjh·2016-02-05 16:00

zhilizhili-ui 荡平ie8910 还我前端清净地

zhilizhili-ui给大家带来一个目前最新版本的ie8方案特色flexbox部分功能vwvhcalc部分功能angular1.4todoavalon是因为无法和polyfill.js和谐共处无法使用
andypinet·2016-02-05 00:00

react-native flex布局

ReactNative通过一个基于FlexBox的布局引擎，在所有移动平台上实现了一致的跨平台样式和布局方案。 
liuguxing·2016-02-04 10:00

-webkit-flex 属性

Flexbox伸缩布局盒模型中的伸缩容器及伸缩特性定义。由多个伸缩项目组成其具体的布局方式。是为了呈现复杂的应用与页面而设计出来的。
xiaoerduo123x·2016-02-03 13:00

Flexbox + js实现滑动拼图游戏

但是，使用了Flexbox布局以后，这都不需要你去考虑，浏览器会帮你做，Flexbox就是这么的强大。关于Flexbox的介绍可以点击这里。
那时候的我·2016-02-02 23:41

flexbox简介

flexbox简介什么是flexboxflexbox是一种新的布局方式，这种布局方式是2009年W3C提出的方案。它可以简便，完整，完成页面的布局。目前，它已经得到所有浏览器的支持。
轩脉刃·2016-02-02 20:49

web app 自适应方案总结 关键字 弹性布局之rem

零.Flexbox    使用css3flexbox进行布局，对于富媒体和复杂排版的支持非常强大，未普及
yangpei·2016-02-02 14:00

利用react native创建一个天气APP

我们将构建一个实列程序：天气App，（你可以在reactnative中创建一个天气应用项目），我们将学习使用并结合可定义模板(stylesheets)、盒式布局(flexbox)、网络通信、用户输入、和图片来构建一个有用的
随碟附送520·2016-01-30 17:00

1.5、Bootstrap V4自学之路------起步---FLEXBOX

弹性盒（FLEXBOX）Bootstrap终于支持了弹性盒。只需用少量变量或者交换一下样式表就可以使用这个崭新的CSS布局样式。它包含了什么？在一系列Bootstrap的组件中，弹性盒支持都是可用的。
Asktao·2016-01-25 23:00

【译】现在实现flexbox 的策略和工具（flexbox兼容到IE8的跨浏览器解决方案）

原文：FLEXBOXINTHEREALWORLDflexbox相当好用，但是现在就可以用flexbox并且让它支持到IE8吗？如果你跟着下面的步骤，现在就可以开始用flexbox啦。
对角另一面·2016-01-25 00:00

CSS3弹性盒模型和多列属性

flexbox可以实现很多效果.尤其是自适应性很好,所以记录下来这些知识点FlexBox简介:弹性盒模型（FlexibleBox或Flexbox）是一个CSS3新增布局模块，官方称为CSSFlexibleBoxLayoutModule
u012706811·2016-01-24 23:00

2、React Native中的flexbox布局

说到布局，不论是Android还是iOS还是web前端，都有涉及到，ReactNative中也有布局，主要采用了类似css中的flexbox布局，不过这种布局跟css中的flexbox布局稍微有点不同，
yubo_725·2016-01-23 20:00

2016-01-22

在知乎上看到手写div布局的问题就自己动手做了一些尝试，用了两种方法：1)死做；2)Flexbox方法一：(死做)1 2 3 4 5 6distributionTest 7 8*{ 9margin
FantasyDL·2016-01-22 21:00

flex布局的使用，纪念第一次开发手机网站

历史进程是 box-->flexbox--
狂风戏雪·2016-01-17 19:00

12 个 CSS 高级技巧汇总

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

Flexbox布局

Flexbox布局（FlexibleBox或CSS3弹性布局），是CSS3中的一种新的布局模式，是可以自动调整子元素的高和宽，来很好的填充任何不同屏幕大小的显示设备中的可用显示空间，收缩内容防止内容溢出
Big_Dot·2016-01-15 16:00

Flexbox

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlhttp://www.w3cplus.com/css3/flexbox-basics.htmlflexbox
Ansue·2016-01-06 15:25

Flexbox

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlhttp://www.w3cplus.com/css3/flexbox-basics.htmlflexbox
Ansue·2016-01-06 15:25

Flexbox

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlhttp://www.w3cplus.com/css3/flexbox-basics.htmlflexbox
Ansue·2016-01-06 15:25

CSS3.0 FLEX布局（兼容微信浏览器）

flex布局*/display:-webkit-box;/*android2.1-3.0,ios3.2-4.3*/display:-webkit-flex;/*Chrome21+*/display:-ms-flexbox
fish119·2015-12-21 09:00

CSS3.0 FLEX布局（兼容微信浏览器）

display:-webkit-box;/*android2.1-3.0,ios3.2-4.3*/ display:-webkit-flex;/*Chrome21+*/ display:-ms-flexbox
fish119·2015-12-21 09:00

CSS3.0 FLEX布局（兼容微信浏览器）

flex布局*/display:-webkit-box;/*android2.1-3.0,ios3.2-4.3*/display:-webkit-flex;/*Chrome21+*/display:-ms-flexbox
fish119·2015-12-21 09:00

CSS布局属性

一、弹性盒模型介绍1、弹性盒模型介绍 — 基础知识弹性盒模型（ Flexible Box 或 Flexbox）是一个CSS3新增布局模块，官方称为CSS Flexible Box Layout Module
*茉莉花开*·2015-12-01 15:00

CSS > Flex 布局中的放大和收缩计算

原文：https://dev.opera.com/articles/flexbox-basics/译者注：本文仅简单翻译下原文中关于如何计算flex属性的值的部分。
残阳映枫红·2015-12-01 00:00

-webkit-box 与 -webkit-flex 的差异

webkit-flex-wrap属性不生效，必须使用-webkit-flex正确的css覆盖顺序是display:-webkit-box;display:-webkit-flex;display:-ms-flexbox
isaisai·2015-11-30 11:13

CSS3 Flexbox在移动端的应用

FlexBox（CSSFlexibleBoxLayoutModule）是css3新添加一个用于页面布局的全新CSS3模块功能。
黑阔大人·2015-11-30 00:00

Hybrid app开发历程分享

关于这个话题,本文并不准备详述移动开发相关的一些通用技术,例如:viewport、rem、flexbox、媒体查询等。这里主要讲述我们的hybrid产品策略、开发流程与规范、性能优化以及我们踩过的坑。
tech_meizu·2015-11-25 14:00

浅谈React Native中的FlexBox布局

ReactNative通过一个基于FlexBox的布局引擎，在所有移动平台上实现了一致的跨平台样式和布局方案。 
jsntghf·2015-11-17 18:00

浅谈React Native中的FlexBox布局

阅读更多ReactNative通过一个基于FlexBox的布局引擎，在所有移动平台上实现了一致的跨平台样式和布局方案。
jsntghf·2015-11-17 18:00

HTML5和CSS3：游戏的变革Flexbox

HTML5和CSS3给网络开发者提供了新的语法标签，本地动画工具，服务器端字体等等新增功能，这些并不是结束。开发者正苦于为网页设计挖出一条战壕 - 真正的页面排版工具，事实上，即便是最有前途的CSS3现在也仍旧是在地平线上。  虽然它可以创造出令人惊讶的复杂布局，例如CSS悬浮，定位规则，以及有些怪异的JavaScript，但是这些工具中，没有一个是用于明确布局内容的，这就是为
·2015-11-13 21:02

CSS的未来：游戏的变革Flexbox

日期：2013-4-26  来源：GBin1.com 相关阅读： 使用Flexbox布局方式的简单演示 HTML5和CSS3给网络开发者提供了新的语法标签，本地动画工具，服务器端字体等等新增功能
·2015-11-13 18:45

CSS篇 《图解CSS3》笔记 Flex

  Flexbox模型的三个规范： 1. 旧版本　　2009年　　　　display: box、inline-box 2.
·2015-11-13 13:55

flexbox弹性盒子模型

这几天在做移动端的web开发，遇到了一些问题，之前没有折腾过这方面的东西，这次好好吸收下 css3的flexbox--弹性盒子模型，这个盒模型决定了一个盒子在其他盒子中的分布方式及如何处理可用的空间。
·2015-11-13 04:18

Flexbox布局详解

弹性框布局 (flexbox) 添加了级联样式表级别 2 修订版 1 (CSS2.1) 中定义的四个基本布局模式：块布局、内联布局、表格布局和定位布局。
·2015-11-13 04:55

flex控件

http://flexbox.mrinalwadhwa.com/ http://code.google.com/p/jwopitz-lib/ http://code.google.com/p
·2015-11-12 19:02

web app 自适应方案总结 关键字 弹性布局之rem

Flexbox     &
·2015-11-12 16:56

Flex值得一看参考资源

Flexbox http://flexbox.mrinalwadhwa.com/ 这是一位来自印度的flex开发者在07年2月份建立的flex组件库，里面也有不少好东西。 2.
·2015-11-12 11:28

☀【布局】多栏布局 / 盒布局

深入了解 Flexbox 伸缩盒模型http://c7sky.com/dive-into-flexbox.html弹性方框模型 (Flexible Box Model) 快速入门http://www.html5rocks.com
·2015-11-12 08:12

web app 自适应方案总结 弹性布局之rem

Flexbox     &
·2015-11-11 16:18

flex开源东东，留备后学

Flexbox  http://flexbox.mrinalwadhwa.com/  这是一位来自印度的flex开发者在07年2月份建立的flex
·2015-11-11 12:17

Flex 学习站点汇总,(FLEX学习站点、博客、论坛)

FlexBox：一个收集了网上很多开源组件的站点，是进阶学习的好帮手。 FlexLib：也是一个开源Fle
·2015-11-11 10:44

CSS3 Flexbox布局那些事

相信研究过CSS3的同学对Flexbox布局一定不会陌生（作为一个未来主流的布局方式，至少有所耳闻）。最近完成了两个项目：一个是移动端H5项目，一个是嵌入HTML页面的mac客户端项目。
·2015-11-11 05:48

再关于IE11

我们已经确认Internet Explorer 11中的一些新特性，包括对WebGL的支持、预抓取、预渲染、flexbox、mutation observers以及其他一些Web标准的支持。
·2015-11-11 05:27

flex

http://www.w3.org/html/ig/zh/wiki/Css3-flexbox   https://developer.mozilla.org/zh-CN/docs/CSS/
·2015-11-11 02:12
上一页 36 37 38 39 40 41 42 43 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他