3.圖文回顧

先看看整個網站的全貌

這里’display:table;width:100%;table-layout:fixed’是約定俗成的寫法，用來保證固定的表單布局，同時讓連續的英文單詞不會超出

內部采用’display:table-cell’屬性將內容當做表格的td標簽一樣顯示，設置vertical-align保證居中

設置標題的padding拉開上下的距離

設置標題內容的寬度和居中顯示

設置包裹正文的區域的固定寬度和居中顯示

設置每個li為固定的寬度，左浮動且相對定位，已經上下作用的margin的值

設置小圖標的固定寬高以及一些其余的屬性，最重要的是設置為絕對定位，正好相對外部相對定位的包裹容器進行一個位置的擺放

設置圖片為定寬，切和下面的文字同層次排列

最后設置里面的內容的一些細節屬性

總結

以上是生活随笔為你收集整理的记腾讯互娱网站布局（3）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。