DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 深入學習DIV CSS設計中常見問題解決辦法(1)
深入學習DIV CSS設計中常見問題解決辦法(1)
編輯:CSS詳解     

DIV CSS設計有很多值得學習的地方,本文和大家重點討論一下DIV CSS設計中常見問題的解決辦法,相信本文介紹一定會讓你有所收獲。

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

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

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

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

2、圖片下方出現幾像素的空白間隙?

這個也有多種解決方案,如將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之上了,如:

  1. <paramnameparamname="mode"value="transparent"/>

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

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved