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

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

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

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

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

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

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

4、標題強制換行

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

未完待續...

網頁標題：成都網站建設_WEB前端開發中常遇到的一些問題匯總
分享地址：http://m.2m8n56k.cn/news42/58542.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯