网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于 "盒状模型" ,依赖 " " 属性 + " " 属性 + " " 属性。它对于那些特殊布局非常不方便,比如, "垂直居中" 就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式地 ...
分类:
其他好文 时间:
2020-02-07 10:36:58
阅读次数:
56
先来看看效果图! HTML代码: <div id="wrap"> <div class="balloon"> <h2>!</h2> </div> <div class="balloon"> <h2>恭</h2> </div> <div class="balloon"> <h2>喜</h2> </di ...
分类:
Web程序 时间:
2020-02-06 10:26:16
阅读次数:
246
flex-grow 首先介绍flex-grow属性,flex-grow会在容器太大时对元素作出调整。 如果图片A的flex-grow属性的值为 1,图片B的flex-grow为 2,那么 2 的会比 1 的扩大两倍: 也许“扩大两倍”这个概念不便于理解,我们可以换一种说法。 首先要理解一个词“剩余空 ...
分类:
Web程序 时间:
2020-02-05 09:16:54
阅读次数:
142
WXSS和CSS: WXSS(WeiXin Style Sheets)具有CSS大部分特性。同时为了更适合开发微信小程序,WXSS对CSS进行了扩充以及修改。主要体现在两个方面: 1, 尺寸单位。2, 样式导入。 rpx尺寸单位: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhon ...
分类:
微信 时间:
2020-02-04 22:09:14
阅读次数:
125
场景:在无数据的子组件中,有图片提示,该页面无数据,想要将这个图片水平垂直居中 父组件 子组件 可以在图片的父元素上同时使用定位方式和flex布局 ...
分类:
移动开发 时间:
2020-02-03 19:05:09
阅读次数:
700
分享一种平时用的三段式布局(flex) 主要思路是 上中下 header&footer 给高度 main 占其余部分 html 部分 <div class='wrap'> <div class='header'></div> <div class='main'></div> <div class=' ...
分类:
移动开发 时间:
2020-02-02 23:49:12
阅读次数:
300
增加新内容的时候,或者删除的时候我们需要对索引进行增删改查来进行索引的维护。 先上代码: package come.me.lucene; //索引维护 import java.io.File; import org.apache.lucene.analysis.Analyzer; import or ...
分类:
Web程序 时间:
2020-02-01 23:15:50
阅读次数:
95
https://blog.csdn.net/a610786189/article/details/80436582 01 Linux rpcapd服务的安装yum install glibc-static gcc flex byacc -ywget http://www.winpcap.org/in ...
分类:
系统相关 时间:
2020-01-31 10:44:48
阅读次数:
148
1,弹性盒(flex)布局 中间 .center 区域设置 flex-grow: 1 或者 width: 100% .container { width: 100%; min-height: 200px; background-color: red; display: flex; } .contai ...
分类:
Web程序 时间:
2020-01-30 21:02:49
阅读次数:
103
弹性容器:在元素上设置了display:flex属性的即为弹性容器,弹性容器上的弹性子元素就会按照弹性布局的方式进行布局 弹性子元素:弹性容器上的直接字元素即为弹性子元素 注意:默认弹性子元素只会排成1行或1列,不会换行。 一、 <!DOCTYPE html> <html> <head> <meta ...
分类:
其他好文 时间:
2020-01-30 17:08:58
阅读次数:
60