DIV CSS設計中常見問題的解決辦法是什么

這篇文章將為大家詳細講解有關DIV CSS設計中常見問題的解決辦法是什么，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

作為前端開發人員，在日常的頁面制作時，不可避免的會碰上這樣那樣的問題，我挑選了其中的一些進行總結歸檔。

DIV CSS設計中常見問題的解決辦法

作為前端開發人員，在日常的頁面制作時，不可避免的會碰上這樣那樣的問題，我挑選了其中的一些進行總結歸檔，希望對大家會有所幫助：

1、如何定義高度很小的容器？

在IE6下無法定義小高度的容器，是因為有一個默認的行高。
列舉2種解決方案：overflow:hidden|line-height:0

2、DIV CSS設計中圖片下方出現幾像素的空白間隙？

這個也有多種解決方案，如將img定義為display:block,或定義父容器為font-size:0，個人更推薦使用vertical-align的方式，它的值可以是text-top|text-bottom|middle等

3、IE6雙倍margin的BUG?

display:inline

4、文本垂直方向對齊文本輸入框？

設置input為vertical-align:middle，textarea也是如此

5、為什么在web標準下ie無法設置滾動條的顏色？

將設置滾動條顏色的樣式定義到html標簽選擇符上即可

6、DIV CSS設計中如何讓層在falsh上顯示？

不可以，除了少數幾個級別很高的家伙除外。
但可以將flash設置為透明，這時層就會透過falsh顯示，近似于覆蓋在flash之上了，如：
<paramname="mode"value="transparent"/>

7、如何使得文字不換行？

定義包含文字的容器為：width:xxx;white-space:nowrap;

8、ie中如何讓超出寬度的文字顯示為省略號？

定義容器為：overflow:hidden;width:xxx;white-space:nowrap;text-overflow:ellipsis;

9、DIV CSS設計中如何在點文字時也選中checkbox?

<inputidinputid="test"type="checkbox"value="on"/><labelforlabelfor="test">測試</label>

10、一個div為margin-bottom:10px，一個div為margin-top:5px，為什么2個div之間的間距是10px而不是15px?

這種情況瀏覽器會自動進行margin重疊，只顯示較大的margin值
解決方案：只設置其中一個div的margin為15px

11、如何解決ie下當li中出現2個或以上的浮動時，li之間產生的空白間隙？

設置li的vertical-align，值可以為top|text-top|middle|bottom|text-bottom

12、DIV CSS設計中如何使得英文單詞不發生詞內斷行？

word-wrap:break-word;

13、為什么被訪問過的鏈接顏色沒有變化？

定義鏈接的樣式時，需要按照:link,:visited,:hover,:active這樣的順序，可以使用LoVeHAte（喜歡討厭）來記憶

14、單行文本如何垂直居中？

height:xxx;line-height:xxx;高和行高相同即可

15、已知高度的容器如何在頁面中水平垂直居中？

參閱：http://blog.doyoe.com/article.asp?id=74

16、DIV CSS設計中未知尺寸的圖片圖如何水平垂直居中？

參閱：http://blog.doyoe.com/article.asp?id=159

17、標準模式和怪異模式下的盒模型區別？

標準模式下：實際寬度=width+padding+border
怪異模式下：實際寬度=width-padding-border

關于DIV CSS設計中常見問題的解決辦法是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。