码迷,mamicode.com
首页 >  
搜索关键字:flex    ( 3020个结果
小程序的布局 flex 布局/相对定位和绝对定位
1.不使用flex时,在index.wxml里写格式 2.在index.wxss里写样式 3.开始启用flex格式 3.1 flex-flow: row; 元素按照一行排列; flex-flow: column; 元素按照一列排列 3.2 flex-direction: column; 元素排列方式 ...
分类:微信   时间:2020-04-29 16:29:31    阅读次数:275
Vue 实现网易云音乐 WebApp
基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp,UI 界面参考了安卓版的网易云音乐、flex 布局适配常见移动端。 因为服务器的原因,所以可能多人访问的时候有些东西会加 ...
分类:移动开发   时间:2020-04-29 12:56:51    阅读次数:149
flex布局让某个子元素靠右显示
第一种方法: .item{ margin-left:auto; } 第二种方法: .item{ flex: 1; text-align: right; } ...
分类:其他好文   时间:2020-04-28 13:24:31    阅读次数:292
CSS - Put a div in the middle of another div
Horizontally center: .div_out { width: 100vw; height: 100vh; display: flex; justify-content: center;}.div_in { width: 80%; height: 80%; background-ima ...
分类:Web程序   时间:2020-04-27 17:19:13    阅读次数:70
CSS flex 布局属性详解
简介: Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。 基本概念 采用Flex布局的元素,称为Flex容器(flex ...
分类:Web程序   时间:2020-04-25 13:07:32    阅读次数:79
前端每日实战:108# 视频演示如何用 CSS 和 D3 创作一个抽象的黑白交叠动画
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/Yjomyd 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ...
分类:Web程序   时间:2020-04-24 20:00:37    阅读次数:72
flex实战之移动页面确定按钮置底布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类:移动开发   时间:2020-04-23 11:58:03    阅读次数:133
vue实现左右两列竖直分别滑动,且双向关联的选项卡(一)
先完成‘左右两列竖直分别滑动,相互之间不存在任何关联’的页面样式: <t emplate> <div> <div class="flex-between"> <div class="left"> <span v-for="n in 16" :key="n">{{n}}</span> </div> < ...
分类:其他好文   时间:2020-04-22 12:55:38    阅读次数:216
css 水平居中,垂直居中
<div class="box"> <img src="./1.jpg" alt=""/></div> 第一种:水平居中 .box { width:300px; height:300px; border:2px solid red;}img{ display:block; width:100px; ...
分类:Web程序   时间:2020-04-21 12:52:51    阅读次数:70
vue-cli3 搭建的前端项目基础模板
基于 vue-cli3 搭建的前端模板,fork 或 clone 本仓库,即可搭建完成一个新项目的基础模板,源码地址,欢迎 star 或 fork 特性 CSS 预编译语言:less Ajax: axios,做了一定的封装,详见 src/services/request.js SVG 雪碧图:采用 ...
分类:其他好文   时间:2020-04-21 09:19:05    阅读次数:59
3020条   上一页 1 ... 18 19 20 21 22 ... 302 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!