耳根,重生之毒妃梅果小说

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案

DIVCSS設(shè)計(jì)中常見(jiàn)問(wèn)題的解決辦法

本文和大家重點(diǎn)討論一下DIV CSS設(shè)計(jì)中常見(jiàn)問(wèn)題的解決辦法，作為前端開(kāi)發(fā)人員，在日常的頁(yè)面制作時(shí)，不可避免的會(huì)碰上這樣那樣的問(wèn)題，我挑選了其中的一些進(jìn)行總結(jié)歸檔，希望對(duì)大家會(huì)有所幫助。

成都創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的屯昌網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

DIV CSS設(shè)計(jì)中常見(jiàn)問(wèn)題的解決辦法

作為前端開(kāi)發(fā)人員，在日常的頁(yè)面制作時(shí)，不可避免的會(huì)碰上這樣那樣的問(wèn)題，我挑選了其中的一些進(jìn)行總結(jié)歸檔，希望對(duì)大家會(huì)有所幫助：

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

在IE6下無(wú)法定義小高度的容器，是因?yàn)橛幸粋€(gè)默認(rèn)的行高。
列舉2種解決方案：overflow:hidden|line-height:0

2、DIV CSS設(shè)計(jì)中圖片下方出現(xiàn)幾像素的空白間隙？

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

3、IE6雙倍margin的BUG?

display:inline

4、文本垂直方向?qū)R文本輸入框？

設(shè)置input為vertical-align:middle，textarea也是如此

5、為什么在web標(biāo)準(zhǔn)下ie無(wú)法設(shè)置滾動(dòng)條的顏色？

將設(shè)置滾動(dòng)條顏色的樣式定義到html標(biāo)簽選擇符上即可

6、DIV CSS設(shè)計(jì)中如何讓層在falsh上顯示？

不可以，除了少數(shù)幾個(gè)級(jí)別很高的家伙除外。
但可以將flash設(shè)置為透明，這時(shí)層就會(huì)透過(guò)falsh顯示，近似于覆蓋在flash之上了，如：

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

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

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

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

9、DIV CSS設(shè)計(jì)中如何在點(diǎn)文字時(shí)也選中checkbox?

 
 
 
  
  
  測(cè)試

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

這種情況瀏覽器會(huì)自動(dòng)進(jìn)行margin重疊，只顯示較大的margin值
解決方案：只設(shè)置其中一個(gè)div的margin為15px

11、如何解決ie下當(dāng)li中出現(xiàn)2個(gè)或以上的浮動(dòng)時(shí)，li之間產(chǎn)生的空白間隙？

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

12、DIV CSS設(shè)計(jì)中如何使得英文單詞不發(fā)生詞內(nèi)斷行？

word-wrap:break-word;

13、為什么被訪問(wèn)過(guò)的鏈接顏色沒(méi)有變化？

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

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

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

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

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

16、DIV CSS設(shè)計(jì)中未知尺寸的圖片圖如何水平垂直居中？

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

17、標(biāo)準(zhǔn)模式和怪異模式下的盒模型區(qū)別？

標(biāo)準(zhǔn)模式下：實(shí)際寬度=width+padding+border
怪異模式下：實(shí)際寬度=width-padding-border

分享標(biāo)題：DIVCSS設(shè)計(jì)中常見(jiàn)問(wèn)題的解決辦法
地址分享：http://m.fisionsoft.com.cn/article/ccsphdp.html

新聞中心

其他資訊