新聞中心
本文和大家重點討論一下DIV CSS設計中常見問題的解決辦法,作為前端開發(fā)人員,在日常的頁面制作時,不可避免的會碰上這樣那樣的問題,我挑選了其中的一些進行總結(jié)歸檔,希望對大家會有所幫助。

成都創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都做網(wǎng)站、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務,滿足客戶于互聯(lián)網(wǎng)時代的屯昌網(wǎng)站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴!
DIV CSS設計中常見問題的解決辦法
作為前端開發(fā)人員,在日常的頁面制作時,不可避免的會碰上這樣那樣的問題,我挑選了其中的一些進行總結(jié)歸檔,希望對大家會有所幫助:
1、如何定義高度很小的容器?
在IE6下無法定義小高度的容器,是因為有一個默認的行高。
列舉2種解決方案:overflow:hidden|line-height:0
2、DIV CSS設計中圖片下方出現(xiàn)幾像素的空白間隙?
這個也有多種解決方案,如將img定義為display:block,或定義父容器為font-size:0,個人更推薦使用vertical-align的方式,它的值可以是text-top|text-bottom|middle等
3、IE6雙倍margin的BUG?
display:inline
4、文本垂直方向?qū)R文本輸入框?
設置input為vertical-align:middle,textarea也是如此
5、為什么在web標準下ie無法設置滾動條的顏色?
將設置滾動條顏色的樣式定義到html標簽選擇符上即可
6、DIV CSS設計中如何讓層在falsh上顯示?
不可以,除了少數(shù)幾個級別很高的家伙除外。
但可以將flash設置為透明,這時層就會透過falsh顯示,近似于覆蓋在flash之上了,如:
7、如何使得文字不換行?
定義包含文字的容器為:width:xxx;white-space:nowrap;
8、ie中如何讓超出寬度的文字顯示為省略號?
定義容器為:overflow:hidden;width:xxx;white-space:nowrap;text-overflow:ellipsis;
9、DIV CSS設計中如何在點文字時也選中checkbox?
測試
10、一個div為margin-bottom:10px,一個div為margin-top:5px,為什么2個div之間的間距是10px而不是15px?
這種情況瀏覽器會自動進行margin重疊,只顯示較大的margin值
解決方案:只設置其中一個div的margin為15px
11、如何解決ie下當li中出現(xiàn)2個或以上的浮動時,li之間產(chǎn)生的空白間隙?
設置li的vertical-align,值可以為top|text-top|middle|bottom|text-bottom
12、DIV CSS設計中如何使得英文單詞不發(fā)生詞內(nèi)斷行?
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、標準模式和怪異模式下的盒模型區(qū)別?
標準模式下:實際寬度=width+padding+border
怪異模式下:實際寬度=width-padding-border
分享名稱:DIVCSS設計中常見問題的解決辦法
標題網(wǎng)址:http://www.dlmjj.cn/article/ccsphdp.html


咨詢
建站咨詢
