<html> <head> <title> </title> </head> <body> <div style="background: red;width: 200px;height: 200px;display: table;"> <div style="display:table-cell; ...
分类：
其他好文 时间：
2017-08-04 17:35:56
阅读次数：
140
现今互联网界，分布式系统和微服务架构盛行。一个简单操作，在服务端非常可能是由多个服务和数据库实例协同完成的。在一致性要求较高的场景下，多个独立操作之间的一致性问题显得格外棘手。 基于水平扩容能力和成本考虑，传统的强一致的解决方案（e.g.单机事务）纷纷被抛弃。其理论依据就是响当当的CAP原理。往往为 ...
分类：
其他好文 时间：
2017-07-30 14:46:04
阅读次数：
172
1、行内元素居中 line-height（须知高度） 2、table居中 display:table-cell;vertical-align:middle; 3、绝对定位，top+margin-top:-xxpx（须知高度） 4、绝对定位 top+tranform 5、使用绝对定位 position ...
分类：
Web程序 时间：
2017-07-27 21:28:05
阅读次数：
174
1、定位 核心代码实现请看示例代码中的注释： 效果： 2、table-cell布局 核心代码实现请看示例代码中的注释： 效果同上。 3、flex布局 核心代码实现请看示例代码中的注释： 效果同上，注意浏览器兼容性问题。 4、translate+relative定位 核心代码实现请看示例代码中的注释： ...
分类：
Web程序 时间：
2017-07-24 11:24:20
阅读次数：
247
一、首先是喜闻乐见的position方法，经典且万能，用法如下： 不需要水平居中可以去掉left和margin-left。 划重点：需要父元素和子元素都定义宽高，自适应是不可能自适应的，这辈子都不可能自适应的。 二、 display:table-cell能够使大小不固定的元素实现垂直居中布局，先来一 ...
分类：
其他好文 时间：
2017-07-23 19:39:35
阅读次数：
200
浮动:float overflow:auto、scroll、hidden。 disply:table-cell、table-caption、inline-block。 flex、inline-flex 绝对定位;position:absolute 相对定位：position：relutive ...
分类：
Web程序 时间：
2017-07-16 11:21:16
阅读次数：
252
<styletype="text/css"media="screen"> div{display:inline-block;background-color:grey;} ul{list-style:none;display:table;margin:0auto;background-color:yellow;padding:0px;} li{display:table-cell;background-color:blue;}</style> <divstyle="width:8..
分类：
Web程序 时间：
2017-07-15 12:41:49
阅读次数：
203
先看下面的效果图： 难点： 里面内容不确定，不能定高的同时要让左右两个div的高度保持一致。 解决方案： 利用 display:table 和 display:table-cell。因为display:table之后对margin不敏感，所以如果要调整两者之间的间距，需要用到border-spaci ...
分类：
其他好文 时间：
2017-07-14 14:48:18
阅读次数：
111
方法一: 通过父级overflow:hidden, 自己设置padding-bottom 和 margin-bottom来实现. 参考链接: 纯css实现div左右等高 方法二: 使用 table-cell 参考链接: 纯css实现div左右等高 方法三:使用css3盒模型 参考链接: 纯css实现 ...
分类：
Web程序 时间：
2017-07-10 14:37:17
阅读次数：
202
1.根元素 2. float属性不为none3.position为absolute或fixed 4.display为inline-block, table-cell, table-caption, flex, inline-flex 5.overflow不为visible ...
分类：
其他好文 时间：
2017-07-06 15:52:06
阅读次数：
162
