成都網(wǎng)站建設(shè)_WEB前端開發(fā)中常遇到的一些問題匯總

2016-11-04    分類: 網(wǎng)站建設(shè)

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

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

這種情況在寫代碼的時(shí)候碰到的機(jī)率非常大,但是也很容易解決,只需要在全局樣式中加上*{margin:0;padding:0;}就可以了。

2、幾個(gè)img標(biāo)簽放在一起的時(shí)候,有些瀏覽器會(huì)有默認(rèn)的圖片之間的間距,加了第二點(diǎn)中的全局樣式也不起作用。

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

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

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

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

例如在調(diào)用列表頁文章標(biāo)題的時(shí)候,調(diào)用標(biāo)題的字符數(shù)是比較常用的方法,在控制了字符數(shù)之后,再在后面加上“...”,鼠標(biāo)滑過的時(shí)候再全部標(biāo)題全稱,這種方法在文章標(biāo)題較短的時(shí)候,標(biāo)題后面也會(huì)出現(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的時(shí)候,則不添加。

未完待續(xù)...

新聞標(biāo)題:成都網(wǎng)站建設(shè)_WEB前端開發(fā)中常遇到的一些問題匯總
轉(zhuǎn)載源于:http://www.bm7419.com/news/58542.html

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

廣告

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

成都做網(wǎng)站