CSS中一個IE和CHROME相容的問題

            1,問題描述

                 需求：在網站上添加相關驗證表徵圖，需要橫排置中格式

            2，分析

                  本來是個小case，雖然本人不是做前台技術的，但是多多少少還是用過DIV、CSS的，所以，一看用<ul>格式吧。

                  經過無數次調整，效果出來了。

                   代碼如下：                       

<div style="width:100%; margin-bottom:10px;margin:0 auto;vertical-align:middle;margin-top:20px"><ul><li style="display:inline-block; vertical-align:middle;"><a href="" target=_blank><img src="../Default/images/315new.GIF"/></a></li><li style="display:inline-block;vertical-align:middle;"><a href="" target=_blank><img src="../Default/images/bluelogo.gif"/></a></li>      <li style="vertical-align:middle;display:inline-block;"><a href="" target=_blank><img src="../Default/images/Credit.jpg"/></a></li></ul></div>

                   相當簡單，之所以沒有把CSS寫成檔案，是由於這個網站構架較大，網頁包含異常多，所以格式檔案不太好找，而且本來是一個小東西不去折騰了。

                   當會美工，呵呵，開啟chromium,yeah

                    但是，一會，同事說怎麼是豎排的？我一看在IE下果然如此，但是在Firefox，chrome下全部正常，話說最標準格式應該是chrome瀏覽器了，但是誰叫微軟是老大呢，蛋疼。

  

              3，分析一下，應該是<ul><li>格式支援不太相容，換成簡單的<span>

                    代碼：                      

<div style="width:100%; margin-bottom:10px;margin:0 auto;vertical-aspangn:middle;margin-top:20px"><span style="display:inspanne-block; vertical-aspangn:middle;"><a href="" target=_blank><img src="../Default/images/315new.GIF"/></a></span><span style="display:inspanne-block;vertical-aspangn:middle;"><a href="" target=_blank><img src=".../Default/images/bluelogo.gif"/></a></span>      <span style="vertical-aspangn:middle;display:inspanne-block;"><a href="" target=_blank><img src=".../Default/images/Credit.jpg"/></a></span></div>

              問題解決，簡單事情還是簡單好點，其實對CSS支援最好的還是chrome，瀏覽速度也很快