一、img+文字 在一個div 裏面如何居中對齊？
img和文本是兩種不同的節點 所以用的方法也不一樣
文字主要依靠 父節點的行高來居中
而img需要的是自身的垂直中齊屬性
div {line-heiht：25px;height:25px;}
div img {vertical-align:middle;}
例如：
<div id="buttons">
<img src="ZR04.gif" alt="登錄" />
<img src="ZR05.gif" alt="註冊" />
<a href="#">忘記密碼</a>
</div>
這時只要我們給圖片加上垂直對齊的屬性，後面的文字連接會相應的與圖片水平對齊，即： img{ vertical-align:middle;}。當垂直對齊屬性爲“top”的時候，文字鏈與圖片頂部水平對齊，一次類推。
如果是input與文字鏈放在一起，在ff和ie7、ie8中文字鏈都與圖片頂部水平對齊，但是在ie6中卻是底部對齊，同樣我們可以給input添加垂直對齊屬性來達到各個瀏覽器顯示效果相同的目的。
二、在 IE8 FireFox Chrome CSS 置中解決方法
在 IE8 還沒出來之前，都是利用 margin: 0 auto; 的方式來解決 div 置中的問題，但是這在 IE8 並沒有發揮作用，無效了，底下在網路上發現兩種解法，分享給大家知道：
1. Width:100%
在最外層 div 加入 Width:100% 的屬性，程式碼如下：
#container {width:100%;}
#centered {width:400px; margin:0 auto;}
2. Text-Align:Center
在 div tag 裡面加入 Text-Align:Center，這樣 IE8 會偵測到此語法，就會服從 margin:0 auto; 之屬性，不過這樣內容會被全部至中，如果您有需要將其 div 內容往左邊對齊，那就必須在加上語法 Text-Align:left，底下是範例程式碼：
#container {text-align:center;}
#centered {width:400px; margin:0 auto;text-align:left;}
IE6，IE7 則是利用下面語法：
#wrap {
margin: 0px auto; /* firefox */
*margin: 0px auto; /* ie7 */
_margin: 0px auto; /* ie6 */
height:100px;
width:860px;
border:5px solid red;
}
三、在Ie8中div的背景如果高度設爲auto或者100%的話，背景顏色失效
可以通過添加：overflow:hidden; 進行處理！
四、有時候直接使用 background:url(../images/list_c.jpg) 0 6px no-repeat ;無效，必須在css中進行如下拆解
background-image :url(../images/list_c.jpg);
background-position:0 6px ;
background-repeat :no-repeat;
五、CSS強制不換行(white-space:nowrap)IE使用問題
什麼情況下會出現換行：
當元素設置了固定高度，並且文本長度大於標籤元素的寬度時，文本會自動換行。
css強制換行使用樣式：white-space:nowrap;該樣式從效果上是沒有瀏覽器差異，使用該樣式後所有文字在ie和firefox下都在一行內顯示。但是在IE下使用該屬性值後標籤元素寬度會被撐大，從而可能導致原來頁面佈局被破壞。
解決辦法：
white-space:nowrap;overflow:hidden;
六、CSS純數字字母換行
- word-break: break-all; 強制換行
- word-wrap: break-word; --按字母換行
- white-space:normal; ---for ie
1，word-break:break-all 例如div寬400px，它的內容就會到400px自動換行，如果該行末端有個英文單詞很長（congratulation等），它會把單詞截斷，變成該行末端爲conra(congratulation的前端部分)，下一行爲tulation（conguatulation）的後端部分了。
word-wrap:break-word 例子與上面一樣，但區別就是它會把congratulation整個單詞看成一個整體，如果該行末端寬度不夠顯示整個單詞，它會自動把整個單詞放到下一行，而不會把單詞截斷掉的。還有就是如果單詞太長的話也會進行分割。
2.元素擁有默認的white-space:normal（自動換行，不換行是white-space:nowrap），IE下特殊處理
3.對table 的td 標籤下的元素設置word-wrap：word-break是沒有效果的