-webkit-flex

【HTML+CSS】弹性布局Flex布局，阮一峰基础语法和实战学习

意为"弹性布局"，用来为盒状模型提供最大的灵活性任何容器都可以使用弹性布局dispaly:flex;行内元素也可以使用display:inline-flex;Webkit内核的浏览器display:-webkit-flex
王小傻、QAQ·2019-03-20 16:31

CSS-页面高度自适应铺满屏幕

HTML：包括三部分，一个是包裹整个的div，一个是上半部分的div，一个是下半部分的div上部分下部分CSS：实现效果主要依赖于css的display属性，设置为display:-webkit-flex
灵左·2019-03-06 14:15

微信小程序----Maide List（图文列表）（flex布局实现MUI的图文列表）

图在左边，右侧箭头{{item.title}}{{item.detail}}圆角列表{{item.title}}{{item.detail}}WXSS.tui-gallery-list{display:-webkit-flex
Rattenking·2019-02-22 15:18

微信小程序----Gallery Table（图文表格）（flex布局实现MUI的图文表格）

效果二维码效果图WXMLVUE实战ES6学习之路CSS实战VUE学习之路WXSS.tui-row{padding:5px;display:-webkit-flex;display:flex;align-items
Rattenking·2019-02-22 15:05

微信小程序----Grid（九宫格）（flex实现九宫格布局）

效果二维码效果图WXMLHomeEmailChatlocationsearchphonesettingaboutmoreWXSS.tui-table-view{display:-webkit-flex;
Rattenking·2019-02-22 14:10

常用布局使用felx布局来实现

margin:10px0;}.flexBox{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex
wait_cynthia·2018-12-20 15:10

【vue】弹性布局和九宫格

实现的九宫格效果：一、使用.box{display:-webkit-flex;/*在webkit内核的浏览器上使用要加前缀*/display:flex;//将对象作为弹性伸缩盒显示}二、容器属性.box
当白·2018-12-07 16:15

Vue2.0 列表项 倒计时

test.gif列表最后的效果如上，你们可以根据自己的需求稍微改改就OK了.items{display:flex;display:-webkit-flex;flex-direction:row;width
一个冬季·2018-11-22 21:24

css3文字水平垂直居中对齐的几种方法

translate(-50%,-50%);}2.flex布局：.parent{Justify-content:center;//子元素水平居中align-items:center;//子元素垂直居中display:-webkit-flex
Jenny_ttw·2018-11-03 09:58

纯css3实现思维导图样式

答案是肯定的下面上代码html代码node1node2node3node4node4node4node3node3node2node2css3代码.mainBody{display:-webkit-flex
测试小柚子·2018-11-02 22:33

纯css3实现思维导图样式示例

答案是肯定的下面上代码html代码node1node2node3node4node4node4node3node3node2node2css3代码.mainBody{display:-webkit-flex
小米前端技术博客·2018-11-01 15:32

flex布局在ios8上的兼容性问题

ios8的flexbox兼容，需要添加前缀-webkit，webkit内核display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content
adustdu2015·2018-10-11 16:11

flex 嵌套 之 高度自适应

flex嵌套之高度自适应body,html{height:90%;}.flex{display:-webkit-flex;display:flex;flex-direction:column;}.item
Caroline_Yang·2018-08-21 17:04

Flex 布局

box{display:-webkit-flex;/*Safari*/display:flex;}设为Flex布局以后，子元素的float、clear和verti
Ethan_zyc·2018-08-15 17:08

Flex 布局教程实例

box{display:-webkit-flex;
学富五车·2018-08-08 20:00

flex布局 - 兼容ios低版本

display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between
Kitty__Cat·2018-08-02 11:42

小程序---搜索框实现

clearInput">搜索取消xxx.wxss.weui-search-bar{position:relative;padding:8px10px;display:-webkit-box;display:-webkit-flex
Ariel_ckr·2018-07-31 09:55

bootstrap网格设置等高度

代码如下:/*第一种*//*.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap
LPLIFE·2018-07-25 00:29

弹性布局水平垂直居中兼容性

:1pxsolidred;height:100px;width:100px;margin:0auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex
金刚腿·2018-07-19 14:23

vue 使用 webpack 打包兼容性问题

iOS8flex需要-webkit-flex等【webpack.base.conf.js】中module:{rules:[{test:/\.vue$/,loader:'vue-loader',options
静候那一米阳光·2018-07-04 17:08

弹性布局 简写与自用

box{display:-webkit-flex;/*Safari*/
阿良__·2018-06-28 22:10

字体图标或文字的渐变效果

效果图：css：                .bang.wrapper.scrollerul{line-height:3.4rem;height:100%;display:-webkit-flex;
BetterGG·2018-06-14 16:13

H5学习弹性盒模型详解

box{display:-webkit-flex;/*Safari*/display:flex;}注意，设为Flex布局以后，子元素的floa
面壁思过程·2018-05-07 16:01

flex笔记

flex布局注意事项分为main-axis主轴横向crossaxis纵向交叉轴使用flex布局子元素floatclearvertival-align属性都将失效Webkit内核的浏览器必须display：-webkit-flex
何其涛·2018-04-27 22:58

echars折现走势图

ECharts.selbox{width:100%;display:flex;display:-webkit-flex;justify-content:center;}#sel{padding:5px10px
哇偶哇偶Z·2018-04-26 18:35

css3 解决 内联元素 无法使用rotate()方法的问题 （如何让块级元素显示在同一行上）

文档：span{display:inline;width:400px;height:200px;background-color:lightgrey;}.flex-container{display:-webkit-flex
水笙沐·2018-04-25 15:42

项目中遇到的问题一

css问题1.1兼容性（1）flex布局兼容性display:-webkit-box;/*mate8支持*/display:-moz-box;display:-ms-flexbox;display:-webkit-flex
Cola1993a·2018-04-20 12:45

css flex 弹性布局详解

案例基础布局htmlcss.box{display:-webkit-flex;display:flex;}.item{width:200px;height:300px;background:red;border
lidog·2018-04-02 15:41

小程序—view组件—flex布局

wxml:abc.wxss:.flex-wrap{display:-webkit-flex;//将view组件变为flex这种布局flex-direction:column;//默认为横向，可以变为纵向
sugargx·2018-03-24 16:26

移动首页编辑事项

样式这样定义html{height:100%;}body{height:100%;}body{display:-webkit-box;display:-webkit-flex;display:flex;
qiuweikeshu·2018-01-25 09:38

越狱的iPhone以及低版本iOS系统识别不了弹性盒模型（flex）问题

webkit-chrome、safari-moz-firefox-o-opera-ms-IE.title_desc{display:flex;display:-webkit-box;display:-webkit-flex
spring_zou·2017-12-11 07:15

学习笔记 div span 垂直居中 + 水平居中

学习笔记：div内部span垂直居中5G0.00%效果：谷歌内核浏览器使用的暴力居中方法：在父控件中添加代码style="align-items:center;display:-webkit-flex;
Vincent_Field·2017-12-07 18:03

纯CSS3动画之上下翻转

效果如下：代码如下：*{padding:0;margin:0;}a{text-decoration:none;}.test_wrapul{display:-webkit-box;display:-webkit-flex
爱编程的兔子·2017-11-30 18:50

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

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

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

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

flex布局

定义：Flex(FlexibleBox)弹性布局.box{display:flex;}.box{display:inline-flex;}.box{display:-webkit-flex;display
Arno_z·2017-09-26 10:16

align-items

main{width:220px;height:300px;border:1pxsolidblack;display:-webkit-flex;/*Safari*/-webkit-align-items
jh2k15·2017-06-18 15:41

flex布局

github.com/lzxb/flex.css*/[flex],[flex]>*,[flex]>[flex]{overflow:hidden}[flex]{display:-webkit-box;display:-webkit-flex
美滋滋213·2017-05-18 17:09

css实现元素水平垂直居中常见的两种方式实例详解

一、父元素的flex布局实现元素的水平垂直居中示例代码如下：Document.parent{display:flex;display:-webkit-flex;justify-content:center
xionggen·2017-04-23 17:04

CSS3自定义Checkbox特效 5种炫酷效果

CSS3自定义Checkbox特效DEMO演示html,body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display
Forever_SJ521·2017-03-31 17:02

Flex布局

定义容器的display属性.box{display:-webkit-flex;dispaly:flex;}/*行内样式*/.box{display:-webkit-inline-flex;display
一岁一枯荣_·2017-03-30 19:56

flex笔记

Flex布局教程：语法篇flex:1根据空间填充.weui-flex{display:-webkit-box;display:-webkit-flex;display:flex;}.weui-flex_
暂时还没有昵称2222·2017-03-27 02:58

css实现左边定宽右边自适应的两列布局5种方法

html代码结构：我是左边我是右边第一种：css代码：.box{display:flex;display:-webkit-flex;}.con1{flex:01100px;background:#ff0
蓝色的秋风·2017-02-22 11:06

css中flex:1弹性布局例子

#main{width:220px;height:300px;border:1pxsolidblack;display:-webkit-flex;/*Safari*/-webkit-align-items
disadministrator·2017-01-19 11:06

Flex弹性布局以及CSS3中的垂直居中

Flex意为“弹性布局”，其定义方式如下：.box{display:flex;//普通元素}.box2{display:inline-flex;//行内元素}.box3{display:-webkit-flex
Rio2017110·2017-01-10 21:18

微信小程序入门-弹性模型

不闲扯直接上代码页面的wxml文件，一个view容器中包含三个子容器abc接下来就是wxss文件/*pages/module/module.wxss*/.flex-wrap{display:-webkit-flex
一只小小小蜜蜂·2017-01-05 22:43

Flex 布局教程：语法篇

box{display:-webkit-flex;/*Safari*/
老虎帅呆了·2016-07-14 14:53

-webkit-flex 被移除了

开发的时候好好的，上线之后的代码发现-webkit-flex被移除了，真的被移除了。
麦芽糖·2016-07-06 00:00

css3 -webkit-flex 布局

Web的Flex弹性盒模型  body{   font-family: '微软雅黑';   /*font-family: cursive, '微软雅黑';*/   padding: 0;   margin: 20px 0 40px;   font-size: 16px;   background-color: #F9F9F9;  }  h1{   color: #0BF;   text-
何浩译·2016-04-24 22:00

日历||三级联动

list-style:none;    }    body{background-color:#f4f4f4;}    .flex{      overflow:hidden;      display:-webkit-flex
形参思·2016-04-19 22:00
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他