https://www.runoob.com/w3cnote/flex-grammar.html 这篇写得很好 不易记得的点: 1默认flex 子容器占满父容器的高度 2.默认子元素是不换行的,设置 flex-wrap 可以换行 3.默认元素不会放大 flex-grow=0 4.默认元素会缩小 fl ...
分类:
其他好文 时间:
2020-01-10 10:59:11
阅读次数:
74
巧妙利用边框(或者背景颜色)来进行布局。 填上内容和图片(由设计提供切图)。 去掉边框。 css html ...
分类:
其他好文 时间:
2020-01-06 19:43:46
阅读次数:
91
html css 这里把高度都给限制死了。 可以换一个思路,通过设置margin top来处理竖向空间。 ...
分类:
其他好文 时间:
2020-01-06 19:18:21
阅读次数:
110
OWL本体的重要组成部分 Individuals:个体,代表一个领域里面的对象。可以理解成一个类的实例(instances of classes)。 Properties:属性,是两个个体之间的双重联系,它有三个重要的特性(functional、transitive、symmetric)。 Clas ...
分类:
其他好文 时间:
2020-01-06 18:01:12
阅读次数:
103
flex布局 阮一峰 display:flex;横排 行内元素也可以使用Flex布局。 Webkit内核的浏览器,必须加上 webkit前缀。 注意,设为Flex布局以后,子元素的float、clear和vertical align属性将失效。 容器默认存在两根轴: 水平的主轴(main axis) ...
分类:
其他好文 时间:
2020-01-06 17:42:43
阅读次数:
189
移动端布局 1.1080 1920.png 2.750 .png 3.切图 4.布局的目标:让设计图等比例呈现在各个不同的设备上 5.解决方案核心思想: 提供一个固定的形式 让它在不同的设备上呈现不同的值 6.百分比布局 100% 移动端布局首选+flex; 能用百分比决不用rem 7.rem布局 ...
分类:
移动开发 时间:
2020-01-06 17:40:33
阅读次数:
100
.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