版权声明：本文为博主原创文章，未经博主允许不得转载。
水平居中
水平居中实现只要设置margin：0 auto;就可以实现
html lang="en">
head>
meta charset="utf-8">
title>水平居中title>
style type="text/css">
#box...
分类：
Web程序 时间：
2016-03-31 14:54:23
阅读次数：
196
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box { height: 24px; } strong, .tips { display: inline-block ...
分类：
其他好文 时间：
2016-03-30 23:56:41
阅读次数：
244
CSS3实现太极图案 分析图片组成（如下图所示）： 先给出html代码： <div class="box"> <div class="content"> <div class="left"></div> <div class="right"></div> <div class="inner-circ ...
分类：
Web程序 时间：
2016-03-30 20:55:54
阅读次数：
356
//$a: Helvetica, sans-serif //$b: #333 // //body //font: 100% $a //color: $b //$a: red //body //color: $a $a: red .box color: $a color前的空格必须，red和$a前的空 ...
分类：
其他好文 时间：
2016-03-30 19:43:15
阅读次数：
278
1. 问题描述： 在Virtual Box上安装 Ubuntu 系统时出现错误(如题)，VIrtual Box 上也没有64位操作系统的选项 2.原因分析： （1） 可能 BIOS 的 Virtualization Technology 并未Enable （2）虚拟机与 Windows 自带的Hyp ...
分类：
其他好文 时间：
2016-03-30 17:58:22
阅读次数：
151
-->
.mui-bar-nav {
background-color: #00abed;
-webkit-box-shadow: none;
box-shadow: none;
}
.mui-bar {
height: 80px;
line-height: 80px;
}
.mui-title...
分类：
Web程序 时间：
2016-03-30 13:11:33
阅读次数：
182
-->
//发送图片后，点击图片大图预览用的
.mui-bar-nav {
background-color: #00abed;
-webkit-box-shadow: none;
box-shadow: none;
}
.mui-bar {
height: 80px;
line-height: 80px;
...
分类：
Web程序 时间：
2016-03-30 11:06:00
阅读次数：
974
× 目录 [1]版本更迭 [2]display [3]基本概念[4]伸缩容器[5]伸缩项目 前面的话 CSS3引入了一种新的布局模型——flex布局。flex是flexible box的缩写，一般称之为弹性盒模型。和CSS3其他属性不一样，flexbox并不是一个属性，而是一个模块，包括多个CSS3 ...
分类：
Web程序 时间：
2016-03-29 14:26:08
阅读次数：
258
getBoundingClientRect() 这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。 var box=document.getElementById('box'); // 获取元素 alert(box.getBo ...
分类：
其他好文 时间：
2016-03-29 10:14:22
阅读次数：
185
一、理论：
1.flex-flow
a.flex-direction 设置伸缩容器的伸缩流方向
b.flex-wrap 设置伸缩容器中的伸缩项目在伸缩容器无足够空间时，伸缩项目在伸缩容器中是否换行排列
2.flex-pack
a.具有与box-pack属性相同的参数
b.distribute 伸缩项目会平均分布在同一行里
c.start 伸缩容器中的第一个伸缩项目的起始边缘置于伸缩容...
分类：
Web程序 时间：
2016-03-29 06:21:44
阅读次数：
181
