常用功能整理【后续继续更新，也欢迎大家补充】

css3：弹性盒模型
父级：display:box; 子集box-flex:1.0;
这个可以使div并列，并且长宽随意空制，是很好的响应式制作的css，当然仅限移动端

css3：块级元素水平垂直居中
父级：display:box; box-align:center; box-pack:center; { box-orient:horizontal;（相当inline效果) 几个属性支持很差需加-moz-等兼容 }
子级：随意写，可以自己尝试

自动换行：word-break:break-all;
不换行：word-break:keep-all;
文字填充：text-align:justify;
可能很多人遇到这类的bug，很多人知道要这么解决，但是记不住，这里列一下

onsubmit="if(this.search_keyword.value == ''){ alert('搜索关键字不能为空！'); this.search_keyword.focus(); return false; }"
js模拟的输入框的提示输入功能（常用于input），不过现在有h5的属性基本也就不用这么用了，直接一个placeholder就可以解决了，不过还是写下，方便那些不能用h5的同学

css3： box-sizing:border-box; 详解
假设盒子（div.box1）宽高都是100px；
没有这个属性时，盒子在拥有padding和border属性时，相当盒子变大了，内容区保持不变，盒子实际增加了你设置的像素值
当盒子拥有以上的属性时，盒子在拥有padding和border属性时，盒子不会变大，内容区减小，减少了你设置的像素值
用box-sizing:border-box;有什么好处呢？
<div class="container">
<div class="left">我在右边</div>
<div class="right">我在右边</div>
</div>
如上，left，right如果是固定像素值，那么不讨论，我们讨论的是，如果是百分比呢？
right中我想字不挨着左上角，那么就要用到 padding:10px; 这时问题就来了，没有border-box属性，导致了溢出问题，因为宽度超过了父级！
那么有人说了，我在right里加个div或者p标签就好啦，你要真这么说那我也没办法了不是。有这个属性，你还加标签我也只能醉了，当然这个在不能用css3时候的确是最好的办法了