.sec-wrap { width: 100%; ">; height: 180rpx; margin-bottom: 50rpx; display: flex; align-items: center; padding: 0rpx 70rpx; margin-left: -100rpx; } .s ...
分类：
微信 时间：
2020-01-04 12:58:01
阅读次数：
153
问题描述 假设一个flex布局的div，含有AB两个div。 如果A里面有white space:nowrap属性，则会撑开A宽度，导致B显示被压缩 原因分析 AB没有初始宽度，且A含有超长元素，所以flex会给A大比例的宽度 解决方法 AB均设置 处理结果 AB宽度比例显示正常 ...
分类：
Web程序 时间：
2020-01-04 12:49:14
阅读次数：
255
flex布局 1.什么是flex布局？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 属性介绍建议阅读阮一峰的flex布局教程http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 在这里 ...
分类：
其他好文 时间：
2020-01-02 18:57:41
阅读次数：
70
Netty Tcp 负载均衡（上） Nginx netty nginx 负载均衡 阅读约 6 分钟 netty nginx 负载均衡 阅读约 6 分钟 为什么要负载均衡 随着设备连接数增多，单台服务器支撑的TCP长连接数有限，这个时候程序架构就需要改变，一般都会采取横向扩展，增加多台服务器程序。怎么 ...
分类：
其他好文 时间：
2020-01-02 17:16:10
阅读次数：
97
移动web开发——flex布局 1.传统布局和flex布局对比 1.1传统布局 + 兼容性好 + 布局繁琐 + 局限性，不能再移动端很好的布局 1.2 flex布局 + 操作方便，布局极其简单，移动端使用比较广泛 + pc端浏览器支持情况比较差 + IE11或更低版本不支持flex或仅支持部分 1. ...
分类：
其他好文 时间：
2019-12-31 21:48:09
阅读次数：
64
1、让一些不能等比自适应的元素，达到当设备尺寸发生改变的时候，等比例适配当前设备。 2、使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化，元素尺寸也会发生变化，从而达到等比缩放的适配。 技术方案： 1、less+rem+媒体查询 2、fl ...
分类：
Web程序 时间：
2019-12-31 21:35:23
阅读次数：
105
1.移动端单独制作 + 流式布局（百分比布局） + flex 弹性布局（强烈推荐） + less+rem+媒体查询布局 + 混合布局 2.响应式 + 媒体查询 + bootstarp 流式布局： 流式布局，就是百分比布局，也称非固定像素布局。 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不 ...
分类：
移动开发 时间：
2019-12-31 21:23:09
阅读次数：
98
无论作用在flex容器上，还是作用在flex子项，都是控制的flex子项的呈现，只是前者控制的是整体，后者控制的是个体。 ...
分类：
其他好文 时间：
2019-12-29 20:48:39
阅读次数：
86
描述： 如图 实现： 注意点/QA： 1.图片需要指定width和height，不然会被拉伸 2.card-body是用flex布局，元素会从头向后排列，因此按钮会紧挨在内容后面，如下图所示。想要Delete按钮单独靠右，如何解决？ [ 解决方案 ] ：添加 ml-auto 类。 3.还是card- ...
分类：
其他好文 时间：
2019-12-29 16:27:34
阅读次数：
202
小程序自定义多选按钮 1、html部分 <checkbox-group bindchange="checkboxChange" class = "flex"> <label class="checkbox {{item.checked?'active':''}}" wx:for="{{items}} ...
分类：
微信 时间：
2019-12-29 14:46:38
阅读次数：
175
