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

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


首先，看我編輯內(nèi)容：
樣式：

代碼：

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





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

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