diff --git "a/\351\207\215\345\255\246html+css+js.md" "b/\351\207\215\345\255\246html+css+js.md"
index 8dc9e64daabbd474cec7502700b30bf6c076e09e..d6799f1dec4581014b4500751f62ae13fff36cae 100644
--- "a/\351\207\215\345\255\246html+css+js.md"
+++ "b/\351\207\215\345\255\246html+css+js.md"
@@ -1,136 +1,138 @@
-## Html
-1、<q></q>短文本引用，自动加双引号，语义是引用。
-2、<blockquote></blockquote>长文本引用，自动两端缩进。
-3、<br><br />为换行，&nbsp;为空格，<hr />为水平横线。
-4、<address></address>地址。
-5、<code></code>当代码为一行代码时，你就可以使用<code>标签了。
-6、<pre></pre>语言代码段，多行。
-7、<table summary="表格简介文本">，<caption>标题文本</caption>
-8、<a href="目标网址" target="_blank">click here!</a>新建浏览器窗口中打开链接。
-9、<a href=”mailto: yy@qq.com?cc=xx@qq.com&bcc=zz@qq.com&subject=主题&body=内容”>发送</a>
-（第一个参数用？隔开后边参数用&隔开，cc：抄送。Bcc：密抄送。Subject：标题。Body：内容）
-10、<img src=” ” alt=” ” title=” ”> src为图片地址；alt为下载不成功时描述性文本；title为图像可见时图像的描述。
-11、<form   method="传送方式"   action="服务器文件">
-12、<textarea  rows="行数" cols="列数">文本</textarea>文本域。
-13、<input type="radio/checkbox" value="值" name="名称"   checked="checked"/>单选框、复选框。同一组的单选按钮，name 取值一定要一致，这样同一组的单选按钮才可以起到单选的作用。
-14、<select><option value=”向服务器提交的值” selected=”selected”>显示的值</option></select>下拉框。multiple="multiple"使用下拉列表框进行多选。
-15、<input type="submit" value="确定"  />按钮，<input type="reset" value="重置"  />重置按钮。
-16、<label for="控件id名称">当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
-注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
-
-## CSS
-1、>作用于元素的第一代后代，空格作用于元素的所有后代。>适合包含样式时仅设置第一代后代样式。
-2、伪类选择符a:hover{color:red;}鼠标滑过的状态。
-3、有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。
+## Html ##
+```
+1銆�<q></q>鐭枃鏈紩鐢紝鑷姩鍔犲弻寮曞彿锛岃涔夋槸寮曠敤銆�
+2銆�<blockquote></blockquote>闀挎枃鏈紩鐢紝鑷姩涓ょ缂╄繘銆�
+3銆�<br><br />涓烘崲琛岋紝&nbsp;涓虹┖鏍硷紝<hr />涓烘按骞虫í绾裤��
+4銆�<address></address>鍦板潃銆�
+5銆�<code></code>褰撲唬鐮佷负涓�琛屼唬鐮佹椂锛屼綘灏卞彲浠ヤ娇鐢�<code>鏍囩浜嗐��
+6銆�<pre></pre>璇█浠ｇ爜娈碉紝澶氳銆�
+7銆�<table summary="琛ㄦ牸绠�浠嬫枃鏈�">锛�<caption>鏍囬鏂囨湰</caption>
+8銆�<a href="鐩爣缃戝潃" target="_blank">click here!</a>鏂板缓娴忚鍣ㄧ獥鍙ｄ腑鎵撳紑閾炬帴銆�
+9銆�<a href=鈥漨ailto: yy@qq.com?cc=xx@qq.com&bcc=zz@qq.com&subject=涓婚&body=鍐呭鈥�>鍙戦��</a>
+锛堢涓�涓弬鏁扮敤锛熼殧寮�鍚庤竟鍙傛暟鐢�&闅斿紑锛宑c锛氭妱閫併�侭cc锛氬瘑鎶勯�併�係ubject锛氭爣棰樸�侭ody锛氬唴瀹癸級
+10銆�<img src=鈥� 鈥� alt=鈥� 鈥� title=鈥� 鈥�> src涓哄浘鐗囧湴鍧�锛沘lt涓轰笅杞戒笉鎴愬姛鏃舵弿杩版�ф枃鏈紱title涓哄浘鍍忓彲瑙佹椂鍥惧儚鐨勬弿杩般��
+11銆�<form   method="浼犻�佹柟寮�"   action="鏈嶅姟鍣ㄦ枃浠�">
+12銆�<textarea  rows="琛屾暟" cols="鍒楁暟">鏂囨湰</textarea>鏂囨湰鍩熴��
+13銆�<input type="radio/checkbox" value="鍊�" name="鍚嶇О"   checked="checked"/>鍗曢�夋銆佸閫夋銆傚悓涓�缁勭殑鍗曢�夋寜閽紝name 鍙栧�间竴瀹氳涓�鑷达紝杩欐牱鍚屼竴缁勭殑鍗曢�夋寜閽墠鍙互璧峰埌鍗曢�夌殑浣滅敤銆�
+14銆�<select><option value=鈥濆悜鏈嶅姟鍣ㄦ彁浜ょ殑鍊尖�� selected=鈥漵elected鈥�>鏄剧ず鐨勫��</option></select>涓嬫媺妗嗐�俶ultiple="multiple"浣跨敤涓嬫媺鍒楄〃妗嗚繘琛屽閫夈��
+15銆�<input type="submit" value="纭畾"  />鎸夐挳锛�<input type="reset" value="閲嶇疆"  />閲嶇疆鎸夐挳銆�
+16銆�<label for="鎺т欢id鍚嶇О">褰撶敤鎴峰崟鍑婚�変腑璇abel鏍囩鏃讹紝娴忚鍣ㄥ氨浼氳嚜鍔ㄥ皢鐒︾偣杞埌鍜屾爣绛剧浉鍏崇殑琛ㄥ崟鎺т欢涓娿��
+娉ㄦ剰锛氭爣绛剧殑 for 灞炴�т腑鐨勫�煎簲褰撲笌鐩稿叧鎺т欢鐨� id 灞炴�у�间竴瀹氳鐩稿悓銆�
+```
+## CSS ##
+```
+1銆�>浣滅敤浜庡厓绱犵殑绗竴浠ｅ悗浠ｏ紝绌烘牸浣滅敤浜庡厓绱犵殑鎵�鏈夊悗浠ｃ��>閫傚悎鍖呭惈鏍峰紡鏃朵粎璁剧疆绗竴浠ｅ悗浠ｆ牱寮忋��
+2銆佷吉绫婚�夋嫨绗:hover{color:red;}榧犳爣婊戣繃鐨勭姸鎬併��
+3銆佹湁浜涚壒娈婄殑鎯呭喌闇�瑕佷负鏌愪簺鏍峰紡璁剧疆鍏锋湁鏈�楂樻潈鍊硷紝鎬庝箞鍔烇紵杩欐椂鍊欐垜浠彲浠ヤ娇鐢�!important鏉ヨВ鍐炽��
 p{color:red!important;}
 p{color:green;}
-4、文字排版
-字体p{font-family:"Microsoft Yahei";}现在一般网页喜欢设置“微软雅黑”
-文字粗体p{font-weight:bold;}
-文字斜体p{font-style:italic;}
-文字下划线p{text-decoration:underline;}
-文字删除线p{text-decoration:line-through;}
-文字缩进p{text-indent:2em;} 2em的意思就是文字的2倍大小。
-文字行间距p{line-height:1.5em;}
-中文间距h1{letter-spacing:50px;} 字母间距h1{word-spacing:50px;}
-5、段落排版
-对齐h1{text-align:center;} {text-align:left;} {text-align:right;}
-6、元素分类
-常用的块状元素有：
-<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
-常用的内联元素有：
-<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
-常用的内联块状元素有：
-<img>、<input>
-7、元素分类--块级元素
-每个块级元素都从新的一行开始，并且其后的元素也另起一行。
-元素的高度、宽度、行高以及顶和底边距都可设置。
-元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
-将内联元素a转换为块状元素a{display:block;}
-8、元素分类--内联元素
-和其他元素都在一行上；
-元素的高度、宽度及顶部和底部边距不可设置；
-元素的宽度就是它包含的文字或图片的宽度，不可改变。
-将块状元素设置为内联元素
+4銆佹枃瀛楁帓鐗�
+瀛椾綋p{font-family:"Microsoft Yahei";}鐜板湪涓�鑸綉椤靛枩娆㈣缃�滃井杞泤榛戔��
+鏂囧瓧绮椾綋p{font-weight:bold;}
+鏂囧瓧鏂滀綋p{font-style:italic;}
+鏂囧瓧涓嬪垝绾縫{text-decoration:underline;}
+鏂囧瓧鍒犻櫎绾縫{text-decoration:line-through;}
+鏂囧瓧缂╄繘p{text-indent:2em;} 2em鐨勬剰鎬濆氨鏄枃瀛楃殑2鍊嶅ぇ灏忋��
+鏂囧瓧琛岄棿璺漰{line-height:1.5em;}
+涓枃闂磋窛h1{letter-spacing:50px;} 瀛楁瘝闂磋窛h1{word-spacing:50px;}
+5銆佹钀芥帓鐗�
+瀵归綈h1{text-align:center;} {text-align:left;} {text-align:right;}
+6銆佸厓绱犲垎绫�
+甯哥敤鐨勫潡鐘跺厓绱犳湁锛�
+<div>銆�<p>銆�<h1>...<h6>銆�<ol>銆�<ul>銆�<dl>銆�<table>銆�<address>銆�<blockquote> 銆�<form>
+甯哥敤鐨勫唴鑱斿厓绱犳湁锛�
+<a>銆�<span>銆�<br>銆�<i>銆�<em>銆�<strong>銆�<label>銆�<q>銆�<var>銆�<cite>銆�<code>
+甯哥敤鐨勫唴鑱斿潡鐘跺厓绱犳湁锛�
+<img>銆�<input>
+7銆佸厓绱犲垎绫�--鍧楃骇鍏冪礌
+姣忎釜鍧楃骇鍏冪礌閮戒粠鏂扮殑涓�琛屽紑濮嬶紝骞朵笖鍏跺悗鐨勫厓绱犱篃鍙﹁捣涓�琛屻��
+鍏冪礌鐨勯珮搴︺�佸搴︺�佽楂樹互鍙婇《鍜屽簳杈硅窛閮藉彲璁剧疆銆�
+鍏冪礌瀹藉害鍦ㄤ笉璁剧疆鐨勬儏鍐典笅锛屾槸瀹冩湰韬埗瀹瑰櫒鐨�100%锛堝拰鐖跺厓绱犵殑瀹藉害涓�鑷达級锛岄櫎闈炶瀹氫竴涓搴︺��
+灏嗗唴鑱斿厓绱燼杞崲涓哄潡鐘跺厓绱燼{display:block;}
+8銆佸厓绱犲垎绫�--鍐呰仈鍏冪礌
+鍜屽叾浠栧厓绱犻兘鍦ㄤ竴琛屼笂锛�
+鍏冪礌鐨勯珮搴︺�佸搴﹀強椤堕儴鍜屽簳閮ㄨ竟璺濅笉鍙缃紱
+鍏冪礌鐨勫搴﹀氨鏄畠鍖呭惈鐨勬枃瀛楁垨鍥剧墖鐨勫搴︼紝涓嶅彲鏀瑰彉銆�
+灏嗗潡鐘跺厓绱犺缃负鍐呰仈鍏冪礌
 div{display:inline;}
-9、元素分类--内联块状元素
-就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。
-10、盒子模型—块级标签
-盒子和内容间隙叫padding,内边距,有四个方向top,right,bottom,left
-盒子和盒子之间得间隙叫margin,外边距,有四个方向top,right,bottom,left
-边框border有四个方向top,right,bottom,left
-border-style（边框样式）常见样式有：dashed（虚线）| dotted（点线）| solid（实线）。
-border-color（边框颜色）中的颜色可设置为十六进制颜色，如:border-color:#888;//前面的井号不要忘掉。
-border-width（边框宽度）中的宽度也可以设置为：thin | medium | thick（但不是很常用），最常还是用象素（px）。
-简写div{border:2px  solid  red;}
-11、CSS布局模型
-布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。
-在网页中，元素有三种布局模型：
-1)流动模型（Flow）
-2)浮动模型 (Float)
-3)层模型（Layer）
-CSS定义了一组定位（positioning）属性来支持层布局模型。
-层模型有三种形式：
-1)绝对定位(position: absolute)
-2)相对定位(position: relative)
-3)固定定位(position: fixed)
-绝对定位，相对于父对象真实移动，如果没有父对象，父对象是body
+9銆佸厓绱犲垎绫�--鍐呰仈鍧楃姸鍏冪礌
+灏辨槸鍚屾椂鍏峰鍐呰仈鍏冪礌銆佸潡鐘跺厓绱犵殑鐗圭偣锛屼唬鐮乨isplay:inline-block灏辨槸灏嗗厓绱犺缃负鍐呰仈鍧楃姸鍏冪礌銆�
+10銆佺洅瀛愭ā鍨嬧�斿潡绾ф爣绛�
+鐩掑瓙鍜屽唴瀹归棿闅欏彨padding,鍐呰竟璺�,鏈夊洓涓柟鍚憈op,right,bottom,left
+鐩掑瓙鍜岀洅瀛愪箣闂村緱闂撮殭鍙玬argin,澶栬竟璺�,鏈夊洓涓柟鍚憈op,right,bottom,left
+杈规border鏈夊洓涓柟鍚憈op,right,bottom,left
+border-style锛堣竟妗嗘牱寮忥級甯歌鏍峰紡鏈夛細dashed锛堣櫄绾匡級| dotted锛堢偣绾匡級| solid锛堝疄绾匡級銆�
+border-color锛堣竟妗嗛鑹诧級涓殑棰滆壊鍙缃负鍗佸叚杩涘埗棰滆壊锛屽:border-color:#888;//鍓嶉潰鐨勪簳鍙蜂笉瑕佸繕鎺夈��
+border-width锛堣竟妗嗗搴︼級涓殑瀹藉害涔熷彲浠ヨ缃负锛歵hin | medium | thick锛堜絾涓嶆槸寰堝父鐢級锛屾渶甯歌繕鏄敤璞＄礌锛坧x锛夈��
+绠�鍐檇iv{border:2px  solid  red;}
+11銆丆SS甯冨眬妯″瀷
+甯冨眬妯″瀷涓庣洅妯″瀷涓�鏍烽兘鏄� CSS 鏈�鍩烘湰銆� 鏈�鏍稿績鐨勬蹇点��
+鍦ㄧ綉椤典腑锛屽厓绱犳湁涓夌甯冨眬妯″瀷锛�
+1)娴佸姩妯″瀷锛團low锛�
+2)娴姩妯″瀷 (Float)
+3)灞傛ā鍨嬶紙Layer锛�
+CSS瀹氫箟浜嗕竴缁勫畾浣嶏紙positioning锛夊睘鎬ф潵鏀寔灞傚竷灞�妯″瀷銆�
+灞傛ā鍨嬫湁涓夌褰㈠紡锛�
+1)缁濆瀹氫綅(position: absolute)
+2)鐩稿瀹氫綅(position: relative)
+3)鍥哄畾瀹氫綅(position: fixed)
+缁濆瀹氫綅锛岀浉瀵逛簬鐖跺璞＄湡瀹炵Щ鍔紝濡傛灉娌℃湁鐖跺璞★紝鐖跺璞℃槸body
 .a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
-相对定位，相对于该元素原始位置便宜，且偏移前的位置还保留不动，覆盖不了前面的div没有偏移前的位置。
-固定定位，fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。不会受文档流动影响。比如固定当前窗口的小广告
-
-12、盒模型简写
-margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/
-1、如果top、right、bottom、left的值相同，如下面代码：
+鐩稿瀹氫綅锛岀浉瀵逛簬璇ュ厓绱犲師濮嬩綅缃究瀹滐紝涓斿亸绉诲墠鐨勪綅缃繕淇濈暀涓嶅姩锛岃鐩栦笉浜嗗墠闈㈢殑div娌℃湁鍋忕Щ鍓嶇殑浣嶇疆銆�
+鍥哄畾瀹氫綅锛宖ixed锛氳〃绀哄浐瀹氬畾浣嶏紝涓巃bsolute瀹氫綅绫诲瀷绫讳技锛屼絾瀹冪殑鐩稿绉诲姩鐨勫潗鏍囨槸瑙嗗浘锛堝睆骞曞唴鐨勭綉椤电獥鍙ｏ級鏈韩銆備笉浼氬彈鏂囨。娴佸姩褰卞搷銆傛瘮濡傚浐瀹氬綋鍓嶇獥鍙ｇ殑灏忓箍鍛�
+12銆佺洅妯″瀷绠�鍐�
+margin:10px 15px 12px 14px;/*涓婅缃负10px銆佸彸璁剧疆涓�15px銆佷笅璁剧疆涓�12px銆佸乏璁剧疆涓�14px*/
+1銆佸鏋渢op銆乺ight銆乥ottom銆乴eft鐨勫�肩浉鍚岋紝濡備笅闈唬鐮侊細
 margin:10px 10px 10px 10px;
-可缩写为：
+鍙缉鍐欎负锛�
 margin:10px;
-2、如果top和bottom值相同、left和 right的值相同，如下面代码：
+2銆佸鏋渢op鍜宐ottom鍊肩浉鍚屻�乴eft鍜� right鐨勫�肩浉鍚岋紝濡備笅闈唬鐮侊細
 margin:10px 20px 10px 20px;
-可缩写为：
+鍙缉鍐欎负锛�
 margin:10px 20px;
-3、如果left和right的值相同，如下面代码：
+3銆佸鏋渓eft鍜宺ight鐨勫�肩浉鍚岋紝濡備笅闈唬鐮侊細
 margin:10px 20px 30px 20px;
-可缩写为：
+鍙缉鍐欎负锛�
 margin:10px 20px 30px;
-注意：padding、border的缩写方法和margin是一致的。
-13、字体缩写
+娉ㄦ剰锛歱adding銆乥order鐨勭缉鍐欐柟娉曞拰margin鏄竴鑷寸殑銆�
+13銆佸瓧浣撶缉鍐�
 body{
     font-style:italic;
     font-variant:small-caps; 
     font-weight:bold; 
     font-size:12px; 
     line-height:1.5em; 
-    font-family:"宋体",sans-serif;
+    font-family:"瀹嬩綋",sans-serif;
 }
-这么多行的代码其实可以缩写为一句：
+杩欎箞澶氳鐨勪唬鐮佸叾瀹炲彲浠ョ缉鍐欎负涓�鍙ワ細
 body{
-    font:italic  small-caps  bold  12px/1.5em  "宋体",sans-serif;
+    font:italic  small-caps  bold  12px/1.5em  "瀹嬩綋",sans-serif;
 }
-1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。
-2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。
-一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用：
+1銆佷娇鐢ㄨ繖涓�绠�鍐欐柟寮忎綘鑷冲皯瑕佹寚瀹� font-size 鍜� font-family 灞炴�э紝鍏朵粬鐨勫睘鎬�(濡� font-weight銆乫ont-style銆乫ont-varient銆乴ine-height)濡傛湭鎸囧畾灏嗚嚜鍔ㄤ娇鐢ㄩ粯璁ゅ�笺��
+2銆佸湪缂╁啓鏃� font-size 涓� line-height 涓棿瑕佸姞鍏モ��/鈥濇枩鎵涖��
+涓�鑸儏鍐典笅鍥犱负瀵逛簬涓枃缃戠珯锛岃嫳鏂囪繕鏄瘮杈冨皯鐨勶紝鎵�浠ヤ笅闈㈢缉鍐欎唬鐮佹瘮杈冨父鐢細
 body{
-    font:12px/1.5em  "宋体",sans-serif;
+    font:12px/1.5em  "瀹嬩綋",sans-serif;
 }
-只是有字号、行间距、中文字体、英文字体设置。
-14、长度值
-px（像素）、em、% 百分比，要注意其实这三种单位都是相对单位。
-像素指的是显示器上的小点
-em就是本元素给定字体的 font-size 值，如果元素的 font-size 为 14px ，那么 1em = 14px；如果 font-size 为 18px，那么 1em = 18px。
-p{font-size:12px;line-height:130%}设置行高（行间距）为字体的130%（12 * 1.3 = 15.6px）。
-15、居中
-水平居中，内联元素水平居中text-align：center。
-当被设置元素为块状元素时用 text-align：center 就不起作用了。这时也分两种情况：定宽块状元素和不定宽块状元素。
-满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的。
-不定宽度的块状元素有三种方法居中（这三种方法目前使用的都比多）：
-加入 table 标签
-设置 display;inline 方法
-设置 position:relative 和 left:50%;
-垂直居中-父元素高度确定的单行文本
-设置父元素的 height 和 line-height 高度一致来实现
-垂直居中-父元素高度确定的多行文本
-1、	vertical-align是垂直居中属性，但只有父元素为tr和td的时候才有用。因此可以用table包含多行文本，实现垂直居中。注意：td 标签默认情况下就默认设置了 vertical-align 为 middle。
-2、	通过设施display:table-cell; 激活 vertical-align 属性，但注意 IE6、7 并不支持这个样式。
-display:table-cell;/*IE8以上及Chrome、Firefox*/
-vertical-align:middle;/*IE8以上及Chrome、Firefox*/
+鍙槸鏈夊瓧鍙枫�佽闂磋窛銆佷腑鏂囧瓧浣撱�佽嫳鏂囧瓧浣撹缃��
+14銆侀暱搴﹀��
+px锛堝儚绱狅級銆乪m銆�% 鐧惧垎姣旓紝瑕佹敞鎰忓叾瀹炶繖涓夌鍗曚綅閮芥槸鐩稿鍗曚綅銆�
+鍍忕礌鎸囩殑鏄樉绀哄櫒涓婄殑灏忕偣
+em灏辨槸鏈厓绱犵粰瀹氬瓧浣撶殑 font-size 鍊硷紝濡傛灉鍏冪礌鐨� font-size 涓� 14px 锛岄偅涔� 1em = 14px锛涘鏋� font-size 涓� 18px锛岄偅涔� 1em = 18px銆�
+p{font-size:12px;line-height:130%}璁剧疆琛岄珮锛堣闂磋窛锛変负瀛椾綋鐨�130%锛�12 * 1.3 = 15.6px锛夈��
+15銆佸眳涓�
+姘村钩灞呬腑锛屽唴鑱斿厓绱犳按骞冲眳涓璽ext-align锛歝enter銆�
+褰撹璁剧疆鍏冪礌涓哄潡鐘跺厓绱犳椂鐢� text-align锛歝enter 灏变笉璧蜂綔鐢ㄤ簡銆傝繖鏃朵篃鍒嗕袱绉嶆儏鍐碉細瀹氬鍧楃姸鍏冪礌鍜屼笉瀹氬鍧楃姸鍏冪礌銆�
+婊¤冻瀹氬鍜屽潡鐘朵袱涓潯浠剁殑鍏冪礌鏄彲浠ラ�氳繃璁剧疆鈥滃乏鍙砿argin鈥濆�间负鈥渁uto鈥濇潵瀹炵幇灞呬腑鐨勩��
+涓嶅畾瀹藉害鐨勫潡鐘跺厓绱犳湁涓夌鏂规硶灞呬腑锛堣繖涓夌鏂规硶鐩墠浣跨敤鐨勯兘姣斿锛夛細
+鍔犲叆 table 鏍囩
+璁剧疆 display;inline 鏂规硶
+璁剧疆 position:relative 鍜� left:50%;
+鍨傜洿灞呬腑-鐖跺厓绱犻珮搴︾‘瀹氱殑鍗曡鏂囨湰
+璁剧疆鐖跺厓绱犵殑 height 鍜� line-height 楂樺害涓�鑷存潵瀹炵幇
+鍨傜洿灞呬腑-鐖跺厓绱犻珮搴︾‘瀹氱殑澶氳鏂囨湰
+1銆�	vertical-align鏄瀭鐩村眳涓睘鎬э紝浣嗗彧鏈夌埗鍏冪礌涓簍r鍜宼d鐨勬椂鍊欐墠鏈夌敤銆傚洜姝ゅ彲浠ョ敤table鍖呭惈澶氳鏂囨湰锛屽疄鐜板瀭鐩村眳涓�傛敞鎰忥細td 鏍囩榛樿鎯呭喌涓嬪氨榛樿璁剧疆浜� vertical-align 涓� middle銆�
+2銆�	閫氳繃璁炬柦display:table-cell; 婵�娲� vertical-align 灞炴�э紝浣嗘敞鎰� IE6銆�7 骞朵笉鏀寔杩欎釜鏍峰紡銆�
+display:table-cell;/*IE8浠ヤ笂鍙奀hrome銆丗irefox*/
+vertical-align:middle;/*IE8浠ヤ笂鍙奀hrome銆丗irefox*/
+```
\ No newline at end of file