在北京網(wǎng)站設計公司可以看到很多特別華麗的網(wǎng)站案例，當然這些華麗的頁(yè)面都是技術(shù)人員設計又一步步用DIV+CSS排版排出來(lái)的，設計師們在排版的同時(shí)肯定會(huì )遇到一些不容易實(shí)現的網(wǎng)頁(yè)排版。我 在平時(shí)從事網(wǎng)頁(yè)設計工作時(shí)，會(huì )遇到網(wǎng)頁(yè)排版這樣或那樣的問(wèn)題，在北京瑞恒網(wǎng)絡(luò )公司學(xué)到很多有價(jià)值型的東西，在這里我就跟大家分享一個(gè)我今天碰到的一個(gè)問(wèn)題，不要小看，這點(diǎn)小問(wèn)題也許將是您會(huì )遇到的問(wèn)題。

好，來(lái)看一下下面這張圖，您有沒(méi)有發(fā)現什么問(wèn)題呢？
  
對了！小圖片（新浪小LOGO）沒(méi)有和后面新聞中心等文字對齊?，F在你就會(huì )想，CSS簡(jiǎn)單用ul和li把各個(gè)圖片和文字包起來(lái)設置屬性就可以了，可是本人覺(jué)得那樣寫(xiě)的代碼太多了，下面我就跟你們分享一下簡(jiǎn)約實(shí)用的樣式，一步搞定這個(gè)問(wèn)題。既然有簡(jiǎn)單的，何樂(lè )而不為呢？


首先，看我編輯內容：
樣式：

代碼：

如圖所示，您預覽到的頁(yè)面就是本文章的第一張圖。要想讓小圖片（新浪小LOGO）和文字對齊，你只需在樣式中再添加一個(gè)屬性即可。如下圖所示：





只需添加一個(gè)如圖紅線(xiàn)圈住的屬性，就OK了，也就是能看到你想要的效果了。最終頁(yè)面是這樣的：

所以說(shuō)要想讓圖片與文字對齊，只需一步，在原有的屬性上再加上一條屬性  *{ vertical-align:middle}，不用瑣碎的ul和li，只需一步，輕松搞定。