在日常的前端開發(fā)中，經(jīng)常會遇到一些問題，而這些問題又是經(jīng)常會遇到并且經(jīng)常會要解決的問題，那么下面我來跟大家說說常見的一些問題。

1、隨便寫幾個標(biāo)簽，不加樣式控制的情況下，各自的margin 和padding差異較大。

這種情況在寫代碼的時候碰到的機率非常大，但是也很容易解決，只需要在全局樣式中加上*｛margin:0;padding:0;｝就可以了。

2、幾個img標(biāo)簽放在一起的時候，有些瀏覽器會有默認的圖片之間的間距，加了第二點中的全局樣式也不起作用。

這種情況一般只會有同一容器中出現(xiàn)多張圖片的時候才會出現(xiàn)，因Img標(biāo)簽屬于行內(nèi)屬性標(biāo)簽，所以只要圖片的寬度沒有超過當(dāng)前容器的寬度的時候，img標(biāo)簽都會排在一行里面，但是有些瀏覽器的Img標(biāo)簽之間會有個間距，使用float屬性可以去掉這個間距。

3、給某個DIV設(shè)置Min-hieght屬性時，不能很好的被各個瀏覽器兼容。

在B/S系統(tǒng)開發(fā)的時候，有很多情況需要這種需求，當(dāng)內(nèi)容小于一個值（例如200px）時，DIV的高度為200px，而當(dāng)內(nèi)容高度大于這個值時，DIV的高度需要被撐高，而不是出現(xiàn)滾動條，這時候需要給當(dāng)前這個DIV添加的樣式是{min-height:200px; height:auto !important; height:200px; overflow:visible;}，這樣可以很好的解決這個問題。

4、標(biāo)題強制換行

例如在調(diào)用列表頁文章標(biāo)題的時候，調(diào)用標(biāo)題的字符數(shù)是比較常用的方法，在控制了字符數(shù)之后，再在后面加上“...”，鼠標(biāo)滑過的時候再全部標(biāo)題全稱，這種方法在文章標(biāo)題較短的時候，標(biāo)題后面也會出現(xiàn)“...”，文章標(biāo)題后面加上“...”可以直接用CSS 控制。width:200px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;這種寫法就是將當(dāng)前的標(biāo)題所在的窗口寫好固定寬度，然后利用text-overflow屬性和white-space屬性給標(biāo)題添加“...”，當(dāng)文章標(biāo)題長度沒有超過200px的時候，則不添加。

未完待續(xù)...

網(wǎng)頁標(biāo)題：成都網(wǎng)站建設(shè)_WEB前端開發(fā)中常遇到的一些問題匯總
分享地址：http://www.js-pz168.com/news42/58542.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)