FlexBox

CSS的Flex布局之骰子布局（单点篇）

Flex往往都可以几行命令搞定；93%的人现在正在运行的浏览器都已经支持Flexbox，这比支持HTML5的元素要好。
罗茂琛·2020-07-02 03:47

使用Flexbox：新旧语法混用实现最佳浏览器兼容

HTML结构一个具有语义化的容器“page-wrap”，包裹了三个主要区域，并将容器设置为伸缩容器，此时容器中的每外区域自动变成了伸缩项目。Maincontent:firstinsourceorderLinksSidebar我们最终要实现的效果如下：伸缩容器我们需要使用我们的列在一个伸缩容器中显示上下文。只有这样，这些元素才能直接成为伸缩项目。他们之前是什么没有关系，只要现在他们是伸缩项目。我们需
huang100qi·2020-07-02 03:02

21条CSS高级技巧

包括Flexbox、REM、:not()选择器、负的nth-child等。使用CSS复位CSS复位可以在不同的浏览器上保持一致的样式风格。
hehekai·2020-07-02 02:57

IE10中的Flexible Box("Flexbox")布局

经过这一系列对Flexbox的介绍，我想大家对Flexbox在布局中的使用以及其强大功能特性给我们布局带来的方便性都有所了解。
kylin-v·2020-07-02 01:12

#3 RN 基础知识

本文来自ReactNative中文网,个人初学笔记主要包含：AppRegistry及注册组件是注意的问题样式的写法，StyleSheet,StyleSheet.create宽高width,height,flexbox
JamesSawyer·2020-07-02 01:21

flex:前端弹性盒子布局浏览器兼容

webkit-box;/*OLD-iOS6-,Safari3.1-6*/display:-moz-box;/*OLD-Firefox19-(buggybutmostlyworks)*/display:-ms-flexbox
github_37320188·2020-07-02 01:21

关于flex布局中的兼容性问题

display：flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex
ddr66288·2020-07-01 22:59

react native系列文章

理解javascript对象、Function和原型javascriptCore详解reactnative之reactreactnative之javascriptreactnative之flexbox
xuwening·2020-07-01 21:24

flex弹性布局兼容写法

flex布局的各种兼容写法，特此记录下原文地址：弹性布局各种坑爹兼容display：flex的兼容写法display:-webkit-box;display:-moz-box;display:-ms-flexbox
这个昵称没有被占用吧·2020-07-01 21:35

前端：flex布局兼容性问题

一.W3C各个版本的flex2009version标志：display:box;orapropertythatisbox-{*}(eg.box-pack)2011version标志：display:flexbox
chouchilei5210·2020-07-01 20:00

CSS3 Flex-box 模型学习：Day 1

container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
梁生在此·2020-07-01 20:26

CSS-Flexbox

1.基础概念flex-container//flex容器显示声明为display:flex的父级元素flex-items//flex项目flex容器内的子元素PS：弹性元素是可以嵌套声明的，这意味着你可以为子元素再次声明display:flex来使之成为flex容器Main-Axis//主轴从左到右Cross-Axis//侧轴从上到下PS：flex布局没有方向的概念，倒是更类似坐标轴（Y轴反向），
cgl_zyw·2020-07-01 19:39

flexbox布局兼容性写法

一、flexbox布局（弹性布局）1.指定flex布局{display:flex;display:-webkit-flex;/*Safari*/}行内元素{display:inline-flex}注意：
cc蒲公英·2020-07-01 19:08

flex布局在垂直居中里，元素超过容器大小后，不能通过滚动条滚动到顶端，这是个flex的bug...

TheProblemFlexboxmakescenteringveryeasy.Bysimplyapplyingalign-items:centerandjustify-content:centertotheflexcontainer
aoyao9093·2020-07-01 17:55

苹果safari支持flex布局

webkit-box;/*OLD-iOS6-,Safari3.1-6*/display:-moz-box;/*OLD-Firefox19-(buggybutmostlyworks)*/display:-ms-flexbox
anjia9203·2020-07-01 17:04

集合各大牛博客的web前端面试题

前端开发所需掌握知识点概要：HTML&CSS：对Web标准的理解（结构、表现、行为）、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系，常用属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、CSS3、Flexbox
aglubsvb78828·2020-07-01 16:39

CSS3.0盒模型display:flex;的使用[兼容微信浏览器]

设置弹性布局*/display:-webkit-box;/*android2.1-3.0,ios3.2-4.3*/display:-webkit-flex;/*Chrome21+*/display:-ms-flexbox
a1015088819·2020-07-01 15:34

React-native学习--Flex属性

ReactNative通过一个基于FlexBox的布局引擎，在所有移动平台上实现了一致的跨平台样式和布局方案。
pythonboy·2020-07-01 14:44

[React-Native]RN组件学习-FlexBox布局

flex-box布局实践（一）基础知识：flex属性flex属性将会控制所属的view的大小为剩余空间的比例:如果拥有该属性的控件的sibling没有flex属性，则该控件就布满剩余的空间；如果其子控件具备flex属性，则就和android原生中的weight具备一样的功能。给具备flex属性的view添加height（或者width,这需要看flexDirection的属性），其实是没有什么用的
美乃滋酱啊·2020-07-01 14:54

一个div中多个元素垂直居中的一种解决办法

目标实现：查找班级您有3个好友关注的班级 3 >.flexbox{display:-webkit-flex;display:flex;-webkit-align-items:center
xidianzxm·2020-07-01 14:00

支付宝小程序tabbar

axml和acss，代码如下//template.axml{{item.name}}//template.acss.tabbar_box{display:-webkit-box;display:-ms-flexbox
console.log( )·2020-07-01 10:05

flex布局浏览器兼容处理 ie8, ie9

浏览器兼容性关于flex的W3C规范：http://dev.w3.org/csswg/css-flexbox-1/浏览器兼容性可以参考CanIUse：http://caniuse.com/#feat=flexbox
weixin_30284355·2020-07-01 05:08

【web】flex布局浏览器兼容处理

一.W3C各个版本的flex2009version标志：display:box;orapropertythatisbox-{*}(eg.box-pack)2011version标志：display:flexbox
小胡说·2020-07-01 05:46

flex布局兼容IE10

在IE10浏览器中，使用flex布局的常用兼容性代码：/*display*/.display_flex{display:-webkit-box;display:-ms-flexbox;display:-
心向未来·2020-07-01 03:01

CSS3弹性布局怎么兼容IE（11）？

弹性布局（Flexbox）确实为我们构建复杂、灵活的布局带来了很大的便利，但是它的兼容性确实让人很头痛，下面是我遇到的一个问题：理想效果：IE11效果：html大概结构：这里大致说一下css，input-container
highcoder1·2020-07-01 02:48

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

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

用 flexbox 制作导航

看了这篇文章中的示例，才猛然意识到，原来flexbox也可以制作导航啊。天知道我对于使用ul>li>a这样写成的导航有多么厌恶，明明已经有了nav标签，大家还是在用列表写导航，搞出一大堆css代码。
董懂同学·2020-07-01 01:32

flex布局浏览器兼容问题

一.W3C各个版本的flex2009version标志：display:box;orapropertythatisbox-{*}(eg.box-pack)2011version标志：display:flexbox
JerryChen12138·2020-07-01 01:53

弹性盒子布局（FlexBox布局）

http://www.runoob.com/w3cnote/flex-grammar.html什么FlexBox布局？
小草莓蹦蹦跳·2020-06-30 22:31

display弹性盒子布局

在flexBox弹性布局出来之前，前端主要是用display+position（定位）+float(浮动)来实现布局的，在flexBox出来之后我们可以用disPlay:flex+position实现布局
聆听者JYZ·2020-06-30 20:34

css 布局的几种方式

前言1table布局2flex布局2.1盒模型2.2display/poistion2.3flexbox布局3float布局3.1高度塌陷3.2两栏布局3.3三栏布局4响应式布局4.1meta标签4.2
[Object object]·2020-06-30 13:16

左边定宽右边自适应

background-color:aqua;*/width:300px;float:left;}#right{/*background-color:brown;*/margin-left:300px;}flexbox
进击的前端·2020-06-30 09:49

iOS 屏幕适配浅谈

在iOS平台上，苹果爸爸对适配的支持个人感觉很不人性化，提供了AutoLayout、sizeClass等技术，感觉没有前端类似flexBox这样的技术来得灵活。
杏仁技术站·2020-06-30 05:57

前端跳槽面试必备技巧-笔记

）知识要系统（前端知识碎）沟通要简洁（理论知识一语中的）内心要诚实（不会可以请教面试官）态度要谦虚（不要嘚瑟）回答要灵活（不要把话说满掌握多少就说多少）面试模拟页面布局解决方案:浮动绝对定位Flexbox
wuzhaoqing325·2020-06-29 21:46

web前端入门到实战：CSS的逻辑属性与盒子模型

首先开篇之前先提个问题：为什么Flexbox跟Gridbox的是以start、end为排列规则，而不是常规的top、right、bottom跟left？先不要急着往下翻，大家先思考一下。
编程世界-云·2020-06-29 16:11

弹性盒模型（上下左右居中）(移动端)兼容性

display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;display:-webkit-flex
beijing_beijing·2020-06-29 13:43

深入新版BS4源码 探索flex和工程化sass奥秘

你可能已经听说了一个“大新闻”：Bootstrap4合并了代号为#21389的PR，宣布放弃支持IE9，并默认使用flexbox弹性盒模型布局。
LucasHC·2020-06-29 12:44

7-4 架构与版型 -- 垂直居中

44年前我们成功让人登陆月球，但现在仍无法用CSS把内容居中--JamesAnderson1.作者在书中讲解了两大类绝对定位解法FlexBox解法因为以前在博客已经写过一篇文章，所以不介绍其方法了。
juicees·2020-06-29 08:43

Weex从入门到放弃

Weex从入门到放弃大纲HelloWorldWeex基本控件listimageslidexxxVue2.0基本语法（预备知识）WeexFlexbox布局集成到已有android项目Weex自定义componentWeex
依然fantac·2020-06-29 08:59

Litho异步渲染详解

Yogayoga本是Facebook在ReactNative里引入的一种跨平台的基于CSS的布局系统，它实现了Flexbox规范，随着该系统不断完善，Facebook对其进行重启发布，并取名为yoga。
王岩_shang·2020-06-29 07:50

15个前端攻城狮必备的学习网站 | 你知道几个？（附视频介绍）

前端开发所需掌握知识点概要HTML&CSS：对Web标准的理解（结构、表现、行为）、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系，常用属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、CSS3、Flexbox
一百个Chocolate·2020-06-29 05:06

Flexbox

腾讯AlloyTeam团队#Flexbox请大家务必好好理解本章，本章概念对于之后做一些react-native的布局开发非常重要。
赵玉成·2020-06-28 23:58

CSS水平居中+垂直居中+水平/垂直居中的方法总结

目录水平居中行内元素块级元素方案一：(分宽度定不定两种情况)方案二：使用定位属性方案三：使用flexbox布局实现（宽度定不定都可以）垂直居中单行的行内元素多行的行内元素块级元素水平垂直居中已知高度和宽度的元素未知高度和宽度的元素方案一
杜媛媛·2020-06-28 20:39

Flexbox 布局

##1.style和css差不多，里面包裹着布局样式eg：style={{height:20,backgroundColor:'#333333'}}，容器需要引用borderRadius（圆角属性），属性引入importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,Image,View}from'react-nati
jimdear·2020-06-28 14:15

通过动图形象地为你介绍 Flexbox 是如何工作的（二）

作者：LinClark编译：胡子大哈翻译原文：http://huziketang.com/blog/posts/detail?postId=58c12f36a6d8a07e449fdd22英文原文：Acrashcourseinjust-in-time(JIT)compilers转载请注明出处，保留原文链接以及作者信息本文是关于WebAssembly系列的第二篇文章。如果你没有读先前文章的话，建议先
weixin_34208283·2020-06-28 13:34

CSS 布局经典问题初步整理

CSS布局经典问题初步整理标签：前端[TOC]本文主要对CSS布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负margin，清除浮动，居中布局，响应式设计，Flexbox
weixin_34132768·2020-06-28 12:50

[转]移动前端自适应解决方案和比较

就我个人实践所知，有这么几种方案：固定一个某些宽度，使用一个模式，加上少许的媒体查询方案使用flexbox解决方案使用百分比加媒体查询使
weixin_34007906·2020-06-28 09:44

【Hello CSS】第三章-浏览器的视图与坐标

作者：陈大鱼头github：KRISACHAN在上一篇【HelloCSS】的第二章第二章-CSS的逻辑属性与盒子模型中提了个问题：为什么Flexbox跟Gridbox的是以start、end为排列规则，
weixin_33963594·2020-06-28 08:58

flexbox居中

利用flexbox实现div居中的css，高版本IE才支持。不过连微软都放弃IE改用edge了，我们为何还要再垂死挣扎在IE上，不能再纵容老顽固们用IE了。
一叶信笺飘云间·2020-06-28 03:47

使用google的瀑布流开源库:flexbox-layout

简介：github地址如下：flexbox-layout使用gridle添加依赖compile'com.google.android:flexbox:0.3.0'xml使用动态添加子view//设置交叉轴起点对齐
ccccccal·2020-06-28 02:54
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他