最近通过观看pink老师的视频学习了flex布局,以此来记录flex的简单使用! flex布局原理 flex是flexible Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。 当我们为父盒子设为flex布局以后,子元素的float、clear和 ...
分类:
其他好文 时间:
2020-09-18 03:06:31
阅读次数:
29
flex布局 操作方便,布局极其简单,移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 父项常见属性 flex-direction:设置主轴的方向 justify-content:设置主轴上的子元素排列方式 flex-wrap:设置子元素是否换行 alig ...
分类:
其他好文 时间:
2020-09-17 21:26:48
阅读次数:
44
wxml:(父级页面) <view class="pageLi flex" catchtap="toInstitute" data-name="{{item.shop_name}}" data-id="{{item.id}}"> <image src='{{item.headimg}}' mode= ...
分类:
微信 时间:
2020-09-17 17:40:22
阅读次数:
63
在 flex 和 grid 布局出现的今天,我依然听到有人面试了,圣杯布局、双飞翼布局。 虽然网上一搜一大把,但不自己写一篇,总觉得是自我学习过程中的一种遗憾,一起致敬经典 圣杯布局和双飞翼布局 在如今的网页中我们经常可以看到左、中、右三列,其中左右两列宽度固定,中间宽度自适应的布局方式,并且让中间 ...
分类:
其他好文 时间:
2020-09-17 17:10:26
阅读次数:
26
<style> #Marquee{ height:20px;overflow:hidden; display:inline-block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; } #Marquee p{ height:20px;overflow:hi ...
分类:
其他好文 时间:
2020-09-17 15:40:22
阅读次数:
33
发送按钮悬停效果 效果图 HTML <div id="send-btn"> <button> // 这里是一个svg的占位 Send </button> </div> CSS #send-btn{ display: flex; align-items: center; justify-content ...
分类:
Web程序 时间:
2020-09-17 11:59:12
阅读次数:
50
介绍 在本教程中,您将探索几种用于邻近度分析的技术。 特别是,您将学习如何执行以下操作: 测量地图上点之间的距离,以及 选择某要素半径内的所有点。 import folium from folium import Marker, GeoJson from folium.plugins import ...
分类:
其他好文 时间:
2020-09-14 19:20:33
阅读次数:
72
springboot注解整理 常用注解: @SpringBootApplication:申明让spring boot自动给程序进行必要的配置,这个配置相当于: @Configuration,@EnableAutoConfiguration和 @ComponentScan三个配置。 @EnableAu ...
分类:
编程语言 时间:
2020-09-14 19:04:58
阅读次数:
33
重要!一些较新的Mac不能很好地运行Linux,或者根本不能运行。在尝试之前,请先检查您的Mac是否可以使用Linux。 ka1i Linux安装要求 自ka1i Linux 1.0.8发行以来,ka1i Linux开箱即用地支持EFI。此新增功能简化了在各种Apple MacBook Air,Pr ...
分类:
系统相关 时间:
2020-09-09 19:05:08
阅读次数:
51
一.发送效果 HTML <div id="send-btn"> <button> // 这里是一个svg的占位 Send </button> </div> CSS #send-btn{ display: flex; align-items: center; justify-content: cent ...
分类:
Web程序 时间:
2020-09-09 18:51:19
阅读次数:
50