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

好，來看一下下面這張圖，您有沒有發現什么問題呢？
  
對了！小圖片（新浪小LOGO）沒有和后面新聞中心等文字對齊。現在你就會想，CSS簡單用ul和li把各個圖片和文字包起來設置屬性就可以了，可是本人覺得那樣寫的代碼太多了，下面我就跟你們分享一下簡約實用的樣式，一步搞定這個問題。既然有簡單的，何樂而不為呢？


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

代碼：

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





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

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