vertical-align

split->apply->combine 12 import numpy as npimport pandas as pd 12345 df = pd.DataFrame({'key1' : ['a', 'a', 'b', 'b', 'a'], 'key2' : ['one', 'two', 'one', 'two', 'one'], 'data1' : np.random.randn(5), 'data2' : np.random.randn(5)})df */ /*--> */ key1 key2 data1 data2 0 a one 1.587125 -0.517650 1 a two 0.206854 1.503013 2 b one 1.074688 -1.310088 3 b two 0.306591 2.236456 4 a one 0.462624 0.643336 123 grouped = df['data1'].groupby(df['key1'])grouped #一个groupby对象 <pandas.core.groupby.groupby.SeriesGroupBy object at 0x10637ba20> 1 grouped.mean() key1 a 0.752201 b 0.690639 Name: data1, dtype:

处理丢失数据 有两种丢失数据： None np.nan(NaN) import numpy as np import pandas from pandas import DataFrame 1. None None是Python自带的，其类型为python object。因此，None不能参与到任何计算中。 # 查看None的数据类型 type(None) NoneType 2. np.nan（NaN） np.nan是浮点类型，能参与到计算中。但计算的结果总是NaN。 # 查看np.nan的数据类型 type(np.nan) float 3. pandas中的None与NaN 创建DataFrame df = DataFrame(data=np.random.randint(0,100,size=(10,8))) df */ /*--> */ 0 1 2 3 4 5 6 7 0 22 13 16 41 81 7 25 86 1 23 3 57 20 4 58 69 40 2 35 81 80 63 53 43 20 35 3 40 14 48 89 34 4 64 46 4 36 14 62 30 80 99 88 59 5 9 98 83 81 69 46 39 7 6 55 88 81 75 35 44 27 64 7 14 74 24 3 54 99 75 53 8 24

一、摘要 　　vertical-align用来指定行内元素（inline）行内块元素（inline-block）或表格单元格（table-cell）元素的垂直对齐方式。也就是说， 对于块级元素，vertical-align是不起作用的。 二、作用 1.实现多行文本垂直居中： .shadow{ width: 50%; height: 300px; padding:10px; text-align: center; background: pink; } .shadow i{ display: inline-block; height: 100%; vertical-align: middle; } .shadow span{ display: inline-block; line-height: 1.8rem; vertical-align: middle; } <div class="shadow"> <i></i><span>lallalala啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦，我是特别长特别长的文本</span> </div> 　<!-- <i><span>不能换行，否则会失效，我也不知道为啥。 --> 还有一种简单的文本垂直居中的方法就是对容器元素设置如下的属性即可： <div class="shadow">

display:table 和 display:table-cell 属性指让标签元素以表格和表格单元格的形式呈现，类似于table和td标签。目前IE8+以及其他现代浏览器都是支持此属性的， 但是IE6/7就不行了，需要写对应的hack来解决兼容性的问题 display:table和table标签的比较 display属性 table标签 display:table table table-row tr table-cell td table-header-group thead table-footer-group tfoot table-row-group tbody table-column col table-caption caption 前言 我们都知道，单元格有一些比较特别的属性，例如元素的 垂直居中对齐 ， 关联伸缩 等，所以 display:table-cell 还是有不少潜在的使用价值的，虽说IE6/7不支持此属性，但是幸运的是，IE6/7一些乱糟糟的属性与渲染，我们可以其他方法实现同样或是类似的效果。 与其他一些display属性类似，table-cell同样会被其他一些CSS属性破坏，例如 float, position:absolute ，所以，在使用display:table-cell与 float:left 或是 position:absolute

解决div里面img图片下方有空白的问题 图片的display属性默认是inline，而这个属性的vertical-align的默认值是baseline。所以就会出现上图的情况（图片底部出现一个小留白区域）。 <div class="banner"> /* 插入一张banner图片 */ <img src="images/banner4.jpg" alt="banner"> </div> 1.把img变成块状元素，所以是否需要留白，可以用过padding来设置。 img { display: block; } 2.直接修改vertical-align属性值 img { vertical-align: middle; } 3.把img元素的底部外边距改成负值 img { margin-bottom: -4px; } 4.出现留白的原因是因为垂直对齐的方式所导致的，所以可以修改父元素的font-size，把父元素的字体大小改为0，所以就没什么垂直对齐所言 .banner { font-size: 0; } 5.把img的父元素行高设成0 .banner { line-height: 0; } 来源： https://www.cnblogs.com/jessie-xian/p/11596788.html

pandas series:一维数据结构 dataframe:二维数据结构 import pandas as pd Series方式 参数说明： data index 索引 name 名称 copy 是否复制 dtype 数据类型 ser_obj = pd.Series([1,2,3]) ser_obj 0 1 1 2 2 3 dtype: int64 # 指定索引 ser_obj = pd.Series([1,2,3],index=['a','b','c']) ser_obj a 1 b 2 c 3 dtype: int64 # 从字典创建 dit = {2001:100,2002:200,2003:150} ser_obj1 = pd.Series(dit) ser_obj1 2001 100 2002 200 2003 150 dtype: int64 Dataframe方式 参数说明： data index 索引 columns 行索引 copy 是否复制 dtype 数据类型 import numpy as np data = np.arange(6).reshape(2,3) df_obj = pd.DataFrame(data) df_obj */ /*--> */ 0 1 2 0 0 1 2 1 3 4 5 data = np.arange(6).reshape(2

本文转载于: 猿2048 网站 利用vertical-align:middle垂直居中 以前总是以为vertical-align与text-align是同样的道理，一个是垂直居中，一个是水平居中，结果在这里一点效果也没有。事实上vertical-align与text-align完全不一样，vertical-align不能这样用。 vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。默认值：baseline，元素放置在父元素的基线上。 第一种用法，先看后面一句“在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。”这很容易理解，如果给一个表格的td加一个vertical-align:middle的样式，表格里面的内容会垂直居中，同样的如果给一个vertical-align:bottom就会底部对齐，如果给一个vertical-align:top就会顶部对齐。 第二种用法，该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。假设有两个行内元素a和b，a和b都是div，当a加了一个vertical-align:middle样式之后，b的底部（基线）就会对齐a的中间位置，如下图：

WXML WXML(WeiXin Markup Language)是MINA设计的一套标签语言，结合 基础组件 、 事件系统 ，可以构建出页面的结构。 【1】数据绑定 1.1 简单绑定 数据绑定使用"Mustache"语法（双大括号）将变量包起来，可以作用于： <view> {{ message }} </view> Page({ data: { message: 'Hello MINA!' } }) 1.2 组件属性(需要在双引号之内) <view id="item-{{id}}"> </view> Page({ data: { id: 0 } }) 1.3 控制属性(需要在双引号之内) <view wx:if="{{condition}}"> </view> Page({ data: { condition: true } }) 1.4 运算 可以在{{}}内进行简单的运算，支持的有如下几种方式： 1.4.1 三元运算 < view hidden="{{flag ? true : false}}"> Hidden</ view > 1.4.2 算数运算 <view> {{a + b}} + {{c}} + d </view> Page({ data: { a: 1, b: 2, c: 3 } }) view中的内容为3 + 3 + d 1.5 逻辑判断 < view wx:if

本文转载于: 猿2048 网站 CSS中垂直居中的方法 昨天总结了css中水平居中的方法，今天来总结一下css中实现垂直居中的方法。 line-height line-height用于实现单行文本的垂直居中，如下图中，我们要求单行文本垂直居中，只需要将div2设置行高line-height和height的值相同即可，也可以不用设置高度，因为单行文本的行高会撑开高度，其实二者就是一样的值。 但是这种方法有个不足之处，那就是如果文字内容的长度大于块的宽度时，就有一部分内容脱离了块，因为就不再是单行文本了，所以此方法只适用于单行文本。 还有一个方法就是，如果不设置元素height的情况下，那么本身就是元素包裹着内容，这时候只要将padding-top与padding-bottom设置为相同的值，同样是垂直居中的效果，而且这种方法对多行文本等都通用。 vertical-align：middle ​通过设置vertical-align：middle也可以实现垂直居中，但它有以下几种情况： 如下图，div2中同时又inline和inline-block元素，我们没有给div2设置高度时，它的高度由图片的高度撑开，而且图片和文本显示在一行，但我们发现图片下方有空隙，这是因为inline-block自带vertical-align属性，而且是默认值baseline。现在我们把vertical

1.vertical-align的百分比值是基于行高计算的line-height 2.起作用的前提: inline tabel-cel 3. 来源： https://www.cnblogs.com/shuaihan/p/11415292.html