码迷,mamicode.com
首页 >  
搜索关键字:flex 4    ( 3020个结果
30分钟彻底弄懂flex布局
目前在不考虑IE以及低端安卓机(4.3-)的兼容下,已经可以放心使用flex进行布局了。什么是flex布局以及它的好处,这里就不再赘述。 在这篇文章里,想说说flex布局的属性语法及其细节。那么网上也有不少flex布局的教程,为什么又要再写一篇? 首先,flex布局的迷之属性们,如果一知半解,机械记 ...
分类:其他好文   时间:2019-12-27 13:32:42    阅读次数:61
Flex
Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display: flex; } 行内元素也可以使用Flex布局。 .box{ display: inline-flex; } 容器默认存在两根轴:水平的 ...
分类:其他好文   时间:2019-12-27 09:36:16    阅读次数:96
商品品牌分页、过滤、排序查询的完成流程
//1、首先分析前台页面的请求,从中获取四要素:请求方式、请求参数、请求路径、返回值类型 2、书写controller、service、mapper、pojo //品牌页面 <template> <div> <v-layout class="px-2"> <v-flex xs2> <v-btn co ...
分类:编程语言   时间:2019-12-26 19:33:19    阅读次数:123
1007 Maximum Subsequence Sum (25分) 求最大连续区间和
1007 Maximum Subsequence Sum (25分) Given a sequence of K integers { N?1??, N?2??, ..., N?K?? }. A continuous subsequence is defined to be { N?i??, N?i ...
分类:其他好文   时间:2019-12-26 17:53:37    阅读次数:90
css3 弹性盒布局的使用-Flex
介绍: css3 的Flex弹性盒的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向(从左到右或从上到下排列),并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器(flex container)来辅助实现。 Flexbox可以简单快速的创建一个具有弹 ...
分类:Web程序   时间:2019-12-26 17:49:53    阅读次数:110
前端如何入门面对传统的html,css,js,三大框架react,vue,angular?
前端入门需要学习 A基础知识部分 1.html一些新的标签,html不仅仅包括div,span 2.css3,一些新的语法,布局,例如flex弹性布局,less,sass都是啥 3.DOM树结构,盒模型(margin,padding,border)不同浏览器层次不一样,尤其IE 4.数据交互插件,a ...
分类:Web程序   时间:2019-12-25 16:09:52    阅读次数:93
小程序自动换行失效
小程序 scroll-view 中 display:flex 失效,导致字体不自动换行。 white-space:pre-wrap;是正解。 ...
分类:微信   时间:2019-12-25 12:51:02    阅读次数:80
页面布局和设备适配
1.让一个div在页面中水平垂直居中1>position:absolute;(当页面出现滚动条的时候,用fixed)top:0;left:0;right:0;bottom:0;margin:auto;2>position:absolute;top:50%;left:50%;translate:(-50%,-50%)3>display:flex;justify-content:ce
分类:其他好文   时间:2019-12-24 17:01:55    阅读次数:105
svg画圆环
之前我已经分享了一篇css画圆环,为啥今天还要分享一篇svg画圆环呢? 原因是:css画圆环在部分ipone手机会有bug,最大张角为90°,所以圆环会有白色的间隙。 好了,开始代码展示: html: <svg class="c-c-c"> <!-- score为百分比值 --> <!-- colo ...
分类:其他好文   时间:2019-12-24 11:37:11    阅读次数:70
当flex遇到white-space:nowrap,超出省略无效的问题
当有多个flex嵌套,而又有子元素需要单行省略的时候,你会发现~单行省略无效了,如图: 想要的效果: 而实际的效果: 不仅没有单行省略,还把右箭头给挤没了。 2、页面html+css 3、解决办法 方案一: 给.item-value的父级.mark-info设置宽度min-height:0; 或者设 ...
分类:其他好文   时间:2019-12-23 22:21:38    阅读次数:316
3020条   上一页 1 ... 33 34 35 36 37 ... 302 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!