flexbox

React-Native利用React Navigation实现页面跳转——很好的RN入门DEMO

功能：1、简单的查看电影demo2、点击按钮跳转3、点击列表页中的某一条跳转到相应详情页页面：首页=>电影列表页=>详情页总结：1、练习了props，state，样式，长列表，网络，触摸事件，Flexbox
yingzizizizizizzz·2020-08-04 09:18

PrimeVue 入门

npm install primevue --savenpm install primeicons --savePrimeFlexPrimeFlex是一个CSS实用程序库，具有各种辅助功能，例如网格系统，flexbox
志学Python·2020-08-03 22:27

Android实现自由单选、复选按钮效果+样式美化（二）

背景Android实现自由单选、复选按钮效果+样式美化已经实现了自由单选、复选效果，但是demo中选择按钮控件没有做到自动换行的自适应布局，本次使用FlexboxLayout来支持自适应布局。
ahuyangdong·2020-08-03 14:39

CSS堆叠上下文

absolute且z-index不是auto的元素position为fixed或sticky的元素设置了某些CSS3属性的元素，比如opacity、transform、animation、will-change等flexbox
Shauna_Wu·2020-08-03 13:05

提高您CSS开发能力的技巧集

任意元素垂直居中4逗号分隔的列表5在nth-child中使用负数6使用svg图标7文本显示优化8在PureCSSSliders中使用max-height9初始化box-sizing10表格单元格等宽11使用Flexbox
whqet·2020-08-03 08:37

从一个实战项目来看一下React Native开发的几个关键技术点

在进行了2个星期的基础学习（Flexbox,React.js,JSX,JavaScript）之后，想通过一个实战项目来提高ReactNative的开发水平，于是找到了下面这个项目：一.项目介绍这是我在学习贾鹏辉老师在慕课网上的一个很火的
weixin_33904756·2020-08-03 06:18

Development Q&A

Ref:HTTP协议——简单认识TCP/IP协议Ref:《图解HTTP》读书笔记Ref:通过动图形象地为你介绍Flexbox是如何工作的（一）Ref:通过动图形象地为你介绍Flexbox是如何工作的（二
weixin_33755554·2020-08-03 06:48

说说react-native那些事儿

react-native对我来说就是一个词“new"，现在就记录下这段时间对这块新大陆的探索之路吧一.flexbox布局在react-native中使用flexbox布局，以适用于不同屏幕尺寸。
微笑的蛋壳哈·2020-08-03 04:56

Flexbox布局

flexcontainer父层flexitem子层属性：1.flex-direction属性flex-direction属性指定了弹性子元素在父容器中的位置，在react中flex-direction的默认值是Colum其他原生和Vue中flex-direction的默认值为row（1）row：横向从左到右排列（左对齐）父层flex-direction为row（2）row-reverse：反转横向
110susie·2020-08-03 03:42

东方耀 手把手教React Native实战开发视频教程+源码笔记 1-237集

手把手教ReactNative实战之环境搭建【Mac真机】同时调试开发Android&IOS第2课2、手把手教ReactNative实战之从React到RN第3课3、手把手教ReactNative实战之flexbox
qq_42822644·2020-08-03 03:06

从零开始学React Native App开发

目录1.ReactNative简介1.1从何而来，背景介绍1.2为什么要使用ReactNative开发1.3环境搭建1.4基础开发工具与调试2.ReactNative开发基础2.1flexbox布局基础知识
chenbifeng·2020-08-02 23:15

Flex 布局

Flex布局1.传统布局display属性+position属性+float属性--------垂直居中不便利2.flex网格布局cssflexbox(弹性布局)设置为flex布局之后子元素的floatclearvertical-align
闷骚奶爸·2020-08-01 11:23

【响应式Web设计】读书笔记 - 弹性布局与响应式图片（四） - 6

1.Flexbox的对齐流式布局(Flexbox)的对齐参照坐标轴，因此，运用流式布局下的对齐核心在理解坐标轴。坐标轴分为「主轴」和「交叉轴」。其中，「主轴」即我们数学中熟悉的X轴，「交叉轴」即
一点编程·2020-08-01 10:46

【响应式Web设计】读书笔记 - 弹性布局与响应式图片（三） - 5

【简介】Flexbox有4个关键特性：方向、对齐、次序和弹性。1.使用Flexbox1.1垂直居中文本HTML部分：Hello,I'mcenteredwithFlexbox!
一点编程·2020-08-01 10:46

5分钟吃透React Native Flexbox

今天我们来聊聊Flexbox，它是前端的一个布局方式。在ReactNative中是主流布局方式。
午后一小憩·2020-08-01 03:58

CSS之深入理解 flex 布局以及计算

起因：对于Flex布局，阅读了大漠老师和其他老师写的文章后，我还是不太理解Flexbox是如何弹性的计算子级项目的大小以及一些其他细节。
tian361zyc·2020-08-01 01:07

前端面试（1）总结

HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、HTML5、CSS3、FlexboxJavaScript：数据类型、运算、对象、Function
无目的·2020-08-01 00:39

微信小程序WXSS的学习（一）——Flex Box布局

个人总结，防遗忘演示：FlexBox布局一维布局，按行或按列，解决元素对齐、分布和响应横轴为主轴，竖轴为交叉轴该演示需要使用的wxss语法：display:flex;定义子元素默认按行排列flex-grow
当代狗刨艺术家任性的文艺青年·2020-07-31 23:30

React Native中的postion定位

1概述在ReactNative中，flexbox定位和position定位可以同时使用，同时生效（关于flexbox定位的相关知识请自行查阅资料，这里不再赘述）。
三杯两盏·2020-07-31 15:23

浅析CSS3中calc计算属性

很多前端开发者通常在写CSS样式的时候并不一定会注意到calc这个好用的计算属性，尤其在配合flexbox进行页面布局的时候，只能用amazing来形容。
Afeyer·2020-07-31 13:23

CSS flex学习记录

推荐学习网站：http://flexboxfroggy.com属性：justify-content：flex-start：元素和容器的左端对齐。flex-end：元素和容器的右端对齐。
Hi小胡·2020-07-31 11:34

微信小程序视频点播在线视频学习系统 毕业设计 课程设计（4）视频介绍和目录

wxml代码视频课程：微信小程序样式FlexBox精通课程状态：已完结价格：¥55元课节：36节讲师：黄菊华课程目录课程简介第1章HTML入门学习1.2HTML文档和概念学习1.3HTML简介学习1.4HTML
黄菊华老师·2020-07-31 10:54

reactnative Flexbox布局

使用flexDirection、alignItems和justifyContent三个样式属性就已经能满足大多数布局需求。译注：这里有一份简易布局图解，可以给你一个大概的印象。flexDirection可以决定布局的主轴子元素是应该沿着水平轴(row)方向排列，还是沿着竖直轴(column)方向排列呢？默认值是竖直轴(column)方向。当flexDirection=row,columnexpor
linzaifei·2020-07-30 23:32

ReactNative Flexbox布局

1、flexDirection决定布局的主轴（水平轴x）默认值是竖直轴(column)决定子元素是应该沿着水平轴(row)方向排列，还是沿着竖直轴(column)方向排列。2、justifyContent其子元素沿着主轴（水平轴x）的排列方式选项有：flex-start、center、flex-end、space-around以及space-between。3、alignItems决定其子元素沿着
Loki_·2020-07-30 21:02

Bootstrap 4 Flex（弹性）布局

弹性盒子(flexbox)Bootstrap3与Bootstrap4最大的区别就是Bootstrap4使用弹性盒子来布局，而不是使用浮动来布局。
qq_42454206·2020-07-30 16:26

React Native - 06 - Flexbox布局

组件可以使用flexbox算法指定其子级的布局。Flexbox旨在为不同的屏幕尺寸提供一致的布局。
wanqijian·2020-07-30 14:21

前端小资讯 第1期

前端工具Bulma.ioimage.pngBulma.io是一个css框架，使用flexbox布局的框架，适用性比较强，当下在github获星超过2w+了。
celineWong7·2020-07-30 12:27

CSS2-3的盒模型

Css3引入了Flexbox弹性盒模型1）屏幕和浏览器窗口发生改变也可以灵活调整2）指定伸缩项目沿着主轴或者侧轴将伸缩容器额外空间，分配到伸缩项目之外3）控制元素则页面上的布局方向4）在浏览器渲染中不
牛奶大泡芙·2020-07-30 11:36

#flex布局(1)-父容器

Property#2:FlexDirection一个Flexbox的容器，它有一个mainaxis(主轴)和一个crossaxis(副轴)。默认情况下，元素沿着横轴，从左往右排列。
饥人谷_風逝·2020-07-29 20:43

一些很棒的Flexbox链接最近…

FlexboxFroggy：托马斯公园（ThomasPark）的一款游戏，通过放置青蛙，您可以了解differnetflexbox的属性和值。
cunqu9743·2020-07-29 18:59

前端设计-css网格布局的最佳实践

您选择使用的规范的特定部分，以及如何将网格与其他布局方法(如Flexbox)相结合，是针对您正在尝试构建的模式以及您和团队想要如何工作所起作用的。
前端落叶·2020-07-29 12:24

Flexbox——快速布局神器

本文由大漠根据ChrisMills的《Flexbox—fasttracktolayoutnirvana?》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。
xinma·2020-07-29 00:56

CSS3弹性盒和媒体查询、响应式布局

关注我的个人博客:https://pinbolei.cn，获取更多内容一、怪异盒模型的简介二、弹性盒模型Flexbox布局（FlexibleBox）模块(目前处于W3C工作草案)旨在提供一个更佳有效的布局方式
pinbolei·2020-07-28 04:22

H5学习_番外篇_弹性盒模型详解

2016年03月23日21:27:250.前言Flexbox是什么呢？就W3C官
MR_LP·2020-07-28 04:03

网页笔记—弹性盒子

CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
朱光亮_19强化班·2020-07-28 02:48

使用flex box（弹性盒子模型）进行页面布局的注意事项

flexbox最主要的作用在于我们可以通过这个属性快速设置和操作它的子元素的布局，可以方便地实现居中、居左、居右、两边对齐、垂直居中、水平居中的效果；一般如果遇到这样的布局要求，使用flex会非常方便：
抱猫睡觉的鱼·2020-07-27 22:39

web响应式布局一些基本css 持续更新

top:50%;left:50%;z-index:3;-webkit-transform:translate(-50%,-50%);border-radius:6px;background:#fff;}flexbox
小小的时光·2020-07-27 22:33

grid布局-网格与表格的关联及应用

hack布局（竖直方向对齐不容易）诞生了弹性盒模型（flexbox）（只能针对一个
orangeVege·2020-07-27 20:55

Flex 布局教程：语法篇

以下内容主要参考了下面两篇文章：ACompleteGuidetoFlexbox和AVi
张机智_0fe3·2020-07-27 17:35

React Native-Layout with Flexbox

一个组件通过使用Flexbox语法来制定它的子组件的布局，通常使用flexDirection,justifyContent,alignItems,来实现布局。
JoyceZhao·2020-07-27 14:33

再学 Flexbox 弹性布局

1.基本概念flex布局是第一套用于布局的css方法。采用Flex布局的元素，称为Flex容器（flexcontainer），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flexitem），简称"项目"。1-1.png容器有两根轴：主轴（mainaxis）和交叉轴（crossaxis）；若主轴是横向，那交叉轴就是竖向，反之。2.flex容器的属性（6）2.1flex容器定义基本
Kenzzzzzo·2020-07-18 16:09

190322&web前端开发者-修行进阶之路

HTML&CSS&JavaScript1.1HTML&CSS最基础的知识语义化的HTML元素基础的CSS语法Flexbox&Grid浏览器开发者工具1.2响应式布局响应式设计将不再是网页的加分项
向阳小宇宙·2020-07-16 04:33

有关前端代码的一些总结

webkit-box;/*OLD-iOS6-,Safari3.1-6*/display:-moz-box;/*OLD-Firefox19-(buggybutmostlyworks)*/display:-ms-flexbox
小屁孩_P·2020-07-16 04:41

《任务202CSS》任务产出汇总

lavender21/homeworktest/blob/master/homework4.html学习过程中我写的其他博客无任务总结CSS也是很熟悉，这次任务使用了几个基础的选择器，并在布局中使用了flexbox
lavender21·2020-07-16 01:18

FlexBox布局

一、FlexBox  弹性盒子模型（TheFlexibleBoxModule），又叫FlexBox，意为“弹性布局”，旨在通过弹性的方式来对齐和布局容器中内容的空间，使其能适应不同屏幕，为盒装模型提供最大的灵活性
野狐大人·2020-07-16 00:14

快速布局神器Flexbox资源大全!

提到Flexbox，如果你不清楚的话，那么你就OUT了。Flexbox是新的一种布局模式。2009年的时候，W3C提出了这个布局方式。
W3Cschool·2020-07-15 23:16

Flex-box

我一直天真的觉得一定有哪个大神实现过类是iOS上AutoLayout的机制用来布局,在遍寻Google以后,发现,我真是Tooyoungtoosimple.并没有......不过有另一个相对比较方便的布局方式:FlexBox
庸者的救赎·2020-07-15 23:40

bootstrap 登录页面切图(一)

bootcss.com/docs/4.0/examples/sign-in/SigninTemplateforBootstraphtml,body{height:100%;}body{display:-ms-flexbox
~菜菜~·2020-07-15 16:53

推酷《Guru Weekly》第四十一期

前端开发LearnCSSFlexboxin3MinutesUpgradingCSSAnimationWithMotionCurvesEssentialElectronWebScrapingin2016IsyourJavaScriptfunctionactuallypure
推酷·2020-07-15 12:20

CSS Flexbox弹性布局

flexbox是web布局的主流方式之一。如何声明flexbox:在父元素中设置display：flex或者display:inline-flex。
被注册的9527·2020-07-15 05:53
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他