Code Monkey home page Code Monkey logo

flex.css's Introduction

flex.css's People

Contributors

barnett617 avatar bibiuc avatar lzxb avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

flex.css's Issues

flex overflow make some bug

when I use the flex.css,the over:flow:hidden always make some bug, In some android phone, If the <p><p> use the flex.css,they alaways was cliped by the flex.css.I hope you can modify the bug. thanks

在使用你的flex.css时,overflow:hidden 经常会造成一些bug,会将div的超出部分裁掉,在一些烂安卓手机上,当给p段落使用时,也会造成段落上面被裁掉的现象,应该也是overflow引起,我可以直接将overflow:hidden注释掉么,这样会不会造成什么问题。希望能抽空改进一些,谢谢!

直接引入dist中的flex.css, 不管用

首先很感谢你们。我把dist目录中的flex.css拷贝到了我的本地。然后发现在安卓4.2上不管用。在5.1上是好的。请问这是什么原因。

在小程序中引入flex问题

你好,在小程序中引入flex报错。您尝试过吗?
./pages/index/index.wxss
error at token "*"
9 | display: flex;
10 | }

11 | [flex] > * {
| ^
12 | display: block;
13 | }
14 | [flex] > [flex] {

flex-box="1" 这个样式里面为何没有 flex-basis ?

既然flex-box="1"是设置flex,那为什么没有定义flex-basis
因为这个,我给三个元素的头尾两个元素设置flex-box="1",希望他们有一样的size,结果因为第一个元素内部有文字内容,所以比最后的元素大。

非常喜欢你们的flex布局!但想请教是否有这种布局方法。

感觉很幸运,第一次接触flex布局就遇到了你们,这种属性的写法,优雅程度完胜那些写在class里面的。

但是对于flex布局还有很多不太熟悉的地方,虽然已经被他那么优雅的对齐方式给惊艳了。

现在有个问题,如果我想实现这样的布局,
qq20161130-0

每张图片外我给他包裹了一个长宽一致的div,这样比较好看,这时候第四章图片就出现排放问题了,如果我想出现一个滚动条,可以往右滚一下看完全部图片,或者说第四张图片换一行展示,不知道在flex的情况下该如何新增样式呢?

盒子内部定位元素需要超出盒子不能显示问题

由于flex设置了overflow:hidden,则应用场景为盒子内部的定位元素需要超出盒子就不能显示出来了。
建议用其他清除浮动方式撑起盒子适应内部内容。如:给父元素加伪元素:after,样式清楚浮动就行

on olde version webkit dir:top flex-box first children node disappear。

dir:top 下 flex-box 中第一个节点,在旧版本 webkit 浏览器中会显示不出来,(英语太差了,还是汉语吧(lll¬ω¬))
加上
[flex~="dir:top"] > [flex-box] > * {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
就可以了,测试机型 万恶的opp vivo

ios8.3 兼容性问题;

你好;我做了两个项目,都是引入了flex.css 但是有一个项目发现并没有自动添加-webkit-的前缀;导致在ios下有兼容性问题。想知道是为什么?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.