本博客 css 和 js 单独的复制功能 先添加复制按钮 css 引入复制所需的库 使用复制功能，需开通 js 功能 ...
分类：
其他好文 时间：
2019-06-14 14:36:52
阅读次数：
84
CSS工程化 引言： 你在编写CSS代码时，是否遇到过这样的问题： 代码没有层次结构，难以看出嵌套关系 .site-footer .footer-container .footer-menu { display: flex; width: 773px; justify-content: space- ...
分类：
Web程序 时间：
2019-06-13 20:39:15
阅读次数：
153
零基础在Linux系统搭建Qemu模拟arm https://blog.csdn.net/weixin_42489042/article/details/81145038 自己没搞定 改天再试试 感谢原作者。 零基础在Linux系统搭建Qemu模拟arm https://blog.csdn.net/ ...
分类：
系统相关 时间：
2019-06-12 01:00:52
阅读次数：
154
父级组件 子级组件 总结: 最重要的展现是: 在子组件当中，有一条<slot :item="item">{{item}}</slot>，它的作用有2条: 1>把从父组件通过props传到子组件的值传到了父组件的 就会把相对应的新样式结构加入到原来的组件之中，非常的方便与灵活 ...
分类：
其他好文 时间：
2019-06-10 18:41:07
阅读次数：
135
弹性布局 一个盒子，如果将其display属性设置为flex，该盒子变为弹性盒（弹性容器），该盒子的 所有子元素，自动变为弹性项目。弹性盒本身按照自身的定位体系排列，弹性布局影响的仅 仅是弹性盒中的弹性项目 属性： flex-direction：更改主轴方向 l row 行 默认值 l row-re ...
分类：
其他好文 时间：
2019-06-09 15:50:33
阅读次数：
206
d-flex功能强大，可以实现响应式布局 flex-grow-1 用于设置子元素使用剩下的空间。 但实际运用中存在兼容问题及无法正常的分配宽度问题，现整理解决方法如下： 无法显示设置的宽度： 现象如图： 解决方法，把flex-grow-1的宽度设置为0px,代码如下： 显示效果如下图： 这种方式也解 ...
分类：
其他好文 时间：
2019-06-09 14:33:56
阅读次数：
154
display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局 注意：（Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、c ...
分类：
其他好文 时间：
2019-06-09 12:55:56
阅读次数：
134
恢复内容开始 flex，意为弹性布局； flex的样式属性分为两种，一个是作用在容器上的，即设置为flex的元素，一个是作用在成员上的； 1、作用在容器上的属性 flex-direction:设置容器排列方向，默认主轴即水平方向；属性值：row、row-reverse 、column、column- ...
分类：
其他好文 时间：
2019-06-07 13:12:07
阅读次数：
101
justify-content 用于设置或检索弹性盒子元素在主轴方向上的对齐方式。 属性值：flex-start 属性值：flex-end 属性值：center 属性值：space-between 属性值：space-around 通过具体代码示例各个属性值的效果。 HTML结构 CSS样式： 属性 ...
分类：
其他好文 时间：
2019-06-06 13:59:33
阅读次数：
599
早期时候我们左网站布局的使用表格(table)，然后使用浮动(float)、 定位(position)和内联块(inline-block)，但所有这些方法本质上来讲都是hacks，存留了很多需要实现的重要功能问题(例如，垂直居中)。 display:flex和display:box都可用于弹性布局， ...
分类：
Web程序 时间：
2019-06-06 13:52:12
阅读次数：
162
