关键字:flex
  • 深入css布局(2)——元素分类
    1.1块级元素 & 行内元素 & 行内块级元素 元素除了自己的盒模型外还有自己的分类。从元素的布局特性来分,主要可以分为三类元素:块级元素,行内元素,行内块级元素。 接下来看下他们的定义: 块级元素:display属性取block、tabl ...
  • 【八】listview组件
    关于专题【vue开发音乐App】 何为listview?简单来说就是类似于我们手机自带的通讯录列表、音乐APP的歌手列表、外卖APP的分类菜单……,本文介绍的listview组件具备以下特性: 列表数据按照一定的分组依据(如热门、A、B、C ...
  • 实现张鑫旭博客的程序示例效果
    前端开发者应该都知道张鑫旭老师以及他的鑫空间鑫生活博客,在业界实在是太有名了,我在大学第一次发现这个博客的时候简直就像哥伦布发现了新大陆一样,如获至宝。参加工作后也经常会去拜读研究,可以说我和很多人一样都是看着他的博客“长大”的。 张老师的 ...
  • 17个场景,带你入门CSS布局
    CSS 布局本质就是控制元素的位置和大小。比如这样的布局:元素宽960px,水平居中。宽960px是大小。水平居中是位置。又如这样的布局:两个元素在一行,左侧元素固定宽200px,右侧元素撑满剩余空间。固定宽200px,撑满剩余空间是大小。 ...
  • Flex 布局教程,前端必会的基础技能,面试必会基础
    前言 flex 是常用的 css3 布局方式,可以用少量的代码高效的实现各种页面布局,是一个基础的但是必须会的基本技能,在面试中经常会用到。 例如,最基本的让你实现元素的水平/垂直居中,或在这个基础上延伸出更多其他复杂一些的问题。 下面我们 ...
  • css部分基础知识回顾(一)
    css盒子模型 css和模型有两种,第一种是标准盒子模型(content-box),另一种是怪异盒子模型(IE,border-box)。标准盒子模型的盒子宽度width = contentWidth + paddingLeft + pad ...
  • CSS: 实现两栏布局,左边固定,右边自适应的4种方法
    1. float+overflow:hidden 这种办法主要通过 overflow 触发 BFC,而 BFC 不会重叠浮动元素。由于设置 overflow:hidden 并不会触发 IE6-浏览器的 haslayout 属性,所以需要设置 ...
  • CSS:三栏布局
    -三列布局,中间宽度自适应,两边定宽; -中间栏要在浏览器中优先展示渲染; -允许任意列的高度最高; 1. 绝对定位 原理就是将左右两边的元素设置为绝对定位,中间的元素设置其左右的margin值为左右两个元素的宽度 <!DOCTYPE ht ...
  • Electron+ElementUI+MockJs=数据生成服务器(三)
    接下来我们继续暴力撸代码,我们来创建第一个页面——项目列表页面。代码所在地:https://gitee.com/underline/DataMock-Electron.git 首先,我们在pages目录下创建project-list文件夹 ...
  • WeChat 文章详情页
    Unsplash 本次的系列博文的知识点讲解和代码,主要是来自于 七月老师 的书籍《微信小程序开发:入门与实践》,由个人总结并编写,关于更多微信小程序开发中的各项技能,以及常见问题的解决方案,还请大家购买书籍进行学习实践,该系列博文的发布 ...

暂无数据