flexbox

18个学习 flexbox 的优质资源

大家都在谈论的“flexbox”是什么呢？它能帮我们解决什么问题呢？现在你可以在你的项目中使用“flexbox”吗？这些指南、教程、网站和工具会告诉你你需要知道的关于“flexbox”的知识。
Specs·2015-08-13 00:00

flexbox布局

这次做的页面主要是显示在移动端的，所以我尝试用了flexbox布局。1、页面分析：主要分为两部分，图片与文字的混排，左右两栏，自适应。
U_can·2015-07-30 12:00

CSS中使用Flexbox来达到居中效果的实例

CSS未来发展的方向就是采用Flexbox这种设计，解决像垂直居中这种共同的问题。请注意，Flexbox有不止一种办法居中，他也可以用来分栏，并解决奇奇怪怪的布局问题。
佚名·2015-07-15 16:00

CSS3学习（七）响应式布局基础

作用：为兼容不同尺寸的屏幕，动态修改尺寸Flexbox（弹性盒子属性）一、概念了解①弹性容器（flexcontainer）②弹性子元素（flexitem）③主轴（mainaxis，子元素排列方向）；侧轴
puppyand123·2015-07-14 16:00

Flexbox详解

Flexbox简介Intheflexlayoutmodel,thechildrenofaflexcontainercanbelaidoutinanydirection,andcan“flex”theirsizes
sundway·2015-06-16 00:00

flexbox 弹性盒布局和布局原理

flexbox弹性盒布局和布局原理最近开始做H5，发现flexbox用的超级广泛，找到了这么一篇文章，https://css-tricks.com/snippets/css/a-guide-to-flexbox
lihongxun945·2015-05-03 14:00

一些不错的开源Flex项目

1.Flexboxhttp://flexbox.mrinalwadhwa.com/这是一位来自印度的flex开发者在07年2月份建立的flex组件库，里面也有不少好东西。
如月王子·2015-04-17 17:00

实现未知高度父容器及其左右排列子容器的高度自适应的办法

目前我学习到的两种解决办法一种是利用flexbox，另外一种是利用table和table-cell，下文均有解释。
McChen·2015-04-10 14:00

CSS3 Flexbox伸缩布局

阅读更多伸缩布局盒模型（FlexibleBox）用来提供一个更加有效的方式制定、调整和分布一个容器里大小是未知或者动态的项目布局。优点：轻松的实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变，同时减少了依赖于浮动布局实现元素位置的定义以及重置元素的大小。如何创建？.flexcontainer{display:-webkit-flex;display:flex;}属性：flex-dir
小丑鱼0703·2015-03-30 12:00

CSS3 Flexbox伸缩布局

阅读更多伸缩布局盒模型（FlexibleBox）用来提供一个更加有效的方式制定、调整和分布一个容器里大小是未知或者动态的项目布局。优点：轻松的实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变，同时减少了依赖于浮动布局实现元素位置的定义以及重置元素的大小。如何创建？.flexcontainer{display:-webkit-flex;display:flex;}属性：flex-dir
小丑鱼0703·2015-03-30 12:00

CSS3 Flexbox伸缩布局

伸缩布局盒模型（FlexibleBox）   用来提供一个更加有效的方式制定、调整和分布一个容器里大小是未知或者动态的项目布局。优点：轻松的实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变，同时减少了依赖于浮动布局实现元素位置的定义以及重置元素的大小。如何创建？.flexcontainer{display:-webkit-flex;display:flex;}属性：flex-dire
小丑鱼0703·2015-03-30 12:00

CSS3 Flexbox伸缩布局

阅读更多伸缩布局盒模型（FlexibleBox）用来提供一个更加有效的方式制定、调整和分布一个容器里大小是未知或者动态的项目布局。优点：轻松的实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变，同时减少了依赖于浮动布局实现元素位置的定义以及重置元素的大小。如何创建？.flexcontainer{display:-webkit-flex;display:flex;}属性：flex-dir
小丑鱼0703·2015-03-30 12:00

CSS3 Flexbox布局那些事

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

实现鼠标滚动一下页面就上下翻一页的效果

100%;width:100%;font-size:126px;display:-webkit-box;/*Safari*/display:-moz-box;/*Firefox*/display:-ms-flexbox
汪小君·2015-02-08 00:31

深入了解 Flexbox 伸缩盒模型

http://c7sky.com/dive-into-flexbox.html介绍Flexbox(伸缩布局盒)是CSS3中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。
tw_wangzhengquan·2015-02-05 14:00

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

零.Flexbox使用css3flexbox进行布局，对于富媒体和复杂排版的支持非常强大，未普及兼容性非常差
break_happy·2015-01-18 15:00

【前端知识】Flexbox，更优雅的布局

上个周末，在北航新主楼会议厅里举行了首届CSS开发者大会，GitCafe的前端工程师JaychSu在会上做了演讲，与大家分享了一款更优雅的前端布局——Flexbox。
GitCafe·2015-01-15 00:00

利用flexbox实现按字符长度排列dom元素

说明：请使用chrome浏览器打开   See the Pen pvyjGV by lilyH (@lilyH) on CodePen. 如上图所示，我们你要实现的效果就是，（1）在一行中显示两块元素；（2）每块元素的长度根据它里面的文字变化 还是先看代码吧： HTML <ul class="flex-container"> <l
·2014-12-11 21:00

display:box的兼容写法

.box{ /* display */ display: -webkit-box; display: -moz-box; display: -ms-flexbox
·2014-12-02 11:00

html5+css3之制作header实例与更新

上次，我们形成了两种header的布局，一种flexbox，一种float，最后与身边做重构的同事交流下来，选择了float的布局。
佚名·2014-11-21 10:16

css flex应用

：使用flex具体请运行下方代码：Document.flex-box{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox
adidas-scofield·2014-11-18 14:00

css flex应用

：使用flex具体请运行下方代码：Document.flex-box{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox
adidas-scofield·2014-11-18 14:00

【HTML5&CSS3进阶03】Jser与Csser如何一起愉快的翻新老组件

上次，我们形成了两种header的布局，一种flexbox，一种float，最后与身边做重构的同事交流下来，选择了float的布局。
叶小钗·2014-11-14 07:00

如何只用CSS做到完全居中-3

Flexbox法CSS未来发展的方向就是采用Flexbox这种设计，解决像垂直居中这种共同的问题。请注意，Flexbox有不止一种办法居中，他也可以用来分栏，并解决奇奇怪怪的布局问题。
sunlovefly2008·2014-11-03 21:00

CSS基本技巧 - 7种常用元素居中方法

:center2.自动边缘margin:auto3.表格单元display:table-cell4.绝对定位position:absolute5.CSS3转换方法translate6.CSS3弹性框（flexbox
iefreer·2014-10-31 22:00

Flex开源项目

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

display table 布局 和box 布局同样的内容

参考：http://benfrain.com/css-performance-test-flexbox-v-css-table-fight/
xiongzhengxiang·2014-10-24 20:00

css3弹性盒模型（Flexbox）详细介绍

Flexbox是布局模块，而不是一个简单的属性，它包含父元素和子元素的属性。
佚名·2014-10-08 15:35

详解css3弹性盒模型（Flexbox）

Flexbox是布局模块，而不是一个简单的属性，它包含父元素和子元素的属性。
trigkit4·2014-10-03 00:00

Internet Explorer 11 浏览器介绍：别叫我IE

我们现在已经知道一些关于InternetExplorer11的重要的细节，包括支持WebGL，prefetch（译者注：预读取，比如上传文件的预览啥的，不知道翻译的对不对），prerender（预呈现），flexbox
前端开发·2014-09-28 23:21

CSS3:三个矩形，一个宽200px，其余宽相等且自适应满铺

这里要用到的CSS3特性box-flexbox-flex ：属性规定框的子元素是否可伸缩其尺寸。可伸缩元素能够随着框的缩小或扩大而缩写或放大。只要框中有多余的空间，可伸缩元素就会扩展来填充这些空间。 
·2014-09-19 09:00

BFC，hasLayout

创建BFC浮动元素绝对定位元素行内块元素单元格表格标题元素overflow非"visible"的元素css3中flexboxesIE专有的Layout及hasLayout属性'Layout'是IE的专有概念
young_591693·2014-08-02 00:00

高性能 HTML -- Elm 中的 Virtual DOM

原文:http://elm-lang.org/blog/Blazing-Fast-Html.elm作者:EvanCzaplicki新的elm-html模块允许在Elm当中直接使用HTML和CSS.想用flexbox
题叶·2014-07-23 00:00

CSS3 Flexbox布局

初识FlexboxFlexbox布局俗称伸缩布局，它可以简单快速的创建一个具有弹性功能的布局。
liuguofeng·2014-07-12 17:00

css3 弹性盒子模型

详细demohttp://www.w3cplus.com/css3/css3-flexbox-layout.html兼容表http://caniuse.com/#index兼容表地址
justdo2014·2014-05-23 18:00

Flexbox响应式菜单

这两天在研究flexbox，来看一个Flexbox实现的响应式菜单。大家可以到codepen在线把玩，或下载收藏本效果，记得用不同的窗口宽度来测试响应式布局哦。
whqet·2014-03-15 20:00

CSS3 Flexbox中flex-shrink属性的用法示例介绍

在CSS3Flexbox中flex-shrink属性定义为:Thiscomponentsets‘flex-shrink’longhandandspecifiestheflexshrinkfactor,whichdetermineshowmuchtheflexitemwillshrinkrelativetotherestoftheflexitemsintheflexcontainerwhennega
佚名·2013-12-30 11:29

初识Flexbox 布局

一、首先创建一个flexbox容器.flexboxcontainer{display:-webkit-flex;display:flex;}二、flex项按行排列flex项目默认按行排列，也可设置为column
bj_benjamin·2013-11-27 00:48

初识Flexbox 布局

一、首先创建一个flexbox容器.flexboxcontainer{ display:-webkit-flex; display:flex; }二、flex项按行排列flex项目默认按行排列
BJ_benjamin·2013-11-27 00:00

CSS3布局模式:伸缩布局盒(Flexbox)

介绍Flexbox(伸缩布局盒)是CSS3中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。本文将介绍Flexbox语法的技术细节。
陈微·2013-09-14 23:00

IE11浏览器：请不要再叫我IE，谢谢

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

[转载]响应式设计的未来——Flexbox

 本文由大漠根据BenGremillion的《ResponsiveDesignoftheFuturewithFlexbox》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点
叛道·2013-08-27 11:00

Flexbox——快速布局神器

简介在很多方面HTML和CSS是一个强大的内容发布机制——易学、灵活和强大。但复杂的布局是他不擅长的。如果你想创建一个简单的图片与文本的布局，那么还算简单，但是制作一个复杂的多列布局，要做的众多浏览器的兼容一致那还是很复杂的。我们通常都是使用浮动或者其他方法来实现这个目的，而其中出现的bug和浏览器的差异性使用对布局失去兴趣。为了应对这种情况，CSS3包含了许多模块，使用不同的布局更加容易。我们已
Qianduaner·2013-08-25 23:00

ff之22更新

   FF22中更新内容： 支持data和time标签默认开启css3flexbox支持默认开启WebRTC   http://firefox.com.cn/download/ 
zhangyaochun·2013-08-03 10:00

Flex开源项目集锦(flex开发必看)

baixiaozhe.iteye.com/blog/306486Flex开源项目原文地址：http://www.cnblogs.com/analyzer/archive/2008/06/02/1212050.html1.Flexboxhttp
ganxunzou·2013-07-25 15:00

跨浏览器弹性布局进阶教程

引言CSS3弹性布局模块——短命名叫Flexbox——为我们的web开发带来了许多能量和令人兴奋的畅想空间，我们可以快速轻松地搭建复杂的网站布局，摒弃一些我们惯常使用的不合理的hacks和补丁。
舞轻尘·2013-07-22 13:08

flex 组件库

阅读更多1.Flexboxhttp://flexbox.mrinalwadhwa.com/这是一位来自印度的flex开发者在07年2月份建立的flex组件库，里面也有不少好东西。
mxm910821·2013-06-13 17:00

flex 组件库

阅读更多1.Flexboxhttp://flexbox.mrinalwadhwa.com/这是一位来自印度的flex开发者在07年2月份建立的flex组件库，里面也有不少好东西。
mxm910821·2013-06-13 17:00

flex 组件库

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

弹性方框模型 (Flexible Box Model) 快速入门

了解 CSS3弹性方框模型（简称 Flexbox）该草案将Flexbox描述如下：[...]针对接口设计而优化的 CSS 框模型。除了 CSS中已有的布局系统之外，该模型还提供了一个额外的布局系统。
IT_hack·2013-05-23 14:00
上一页 38 39 40 41 42 43 44 45 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他