第一种方法： .item{ margin-left:auto; } 第二种方法： .item{ flex: 1; text-align: right; } ...
分类：
其他好文 时间：
2020-04-28 13:24:31
阅读次数：
292
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
简介： Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 基本概念 采用Flex布局的元素，称为Flex容器（flex ...
分类：
Web程序 时间：
2020-04-25 13:07:32
阅读次数：
79
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/Yjomyd 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ...
分类：
Web程序 时间：
2020-04-24 20:00:37
阅读次数：
72
记录一个mpvue中遇到的问题 遇到问题 //css <input type="number" v-model="value" @input="getValue"> //vue export default { data() { return { value: '' } }, methods:{ g ...
分类：
其他好文 时间：
2020-04-24 15:52:23
阅读次数：
69
<!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
必须需要。 现在接手的老项目，所有自定义组件全部使用的原始的全量数据，作为模型给view用来展示。 结果发现，基本数据的选择错误，需要选择另一个数据作为基本数据，这导致一个很麻烦的问题，需要改动全部的view。 全量数据和view数据直接没有做隔离，组件与原始数据的耦合过大，会导致改动极其麻烦很难维 ...
分类：
其他好文 时间：
2020-04-22 13:27:59
阅读次数：
67
先完成‘左右两列竖直分别滑动，相互之间不存在任何关联’的页面样式： <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
<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
