最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

初學(xué)HTML/CSS:圖片如何在DIV中的垂直居中,文字與DIV中的間距如何消除_html/css_WEB-ITnose

來源:懂視網(wǎng) 責(zé)編:小采 時間:2020-11-27 16:30:36
文檔

初學(xué)HTML/CSS:圖片如何在DIV中的垂直居中,文字與DIV中的間距如何消除_html/css_WEB-ITnose

初學(xué)HTML/CSS:圖片如何在DIV中的垂直居中,文字與DIV中的間距如何消除_html/css_WEB-ITnose:本帖最后由 u013097499 于 2013-12-10 16:40:40 編輯 問題1.圖片無法和文字對齊 問題2.設(shè)置了hover屬性background-color:#CCC 效果如圖 我希望設(shè)置成: body { margin:0; } .softtext { margin:0; color
推薦度:
導(dǎo)讀初學(xué)HTML/CSS:圖片如何在DIV中的垂直居中,文字與DIV中的間距如何消除_html/css_WEB-ITnose:本帖最后由 u013097499 于 2013-12-10 16:40:40 編輯 問題1.圖片無法和文字對齊 問題2.設(shè)置了hover屬性background-color:#CCC 效果如圖 我希望設(shè)置成: body { margin:0; } .softtext { margin:0; color
本帖最后由 u013097499 于 2013-12-10 16:40:40 編輯

問題1.圖片無法和文字對齊

問題2.設(shè)置了hover屬性background-color:#CCC 效果如圖

我希望設(shè)置成:



無標(biāo)題文檔把XXX設(shè)置為主頁


回復(fù)討論(解決方案)

修飾性圖片可以寫成a的背景圖啊~

修飾性圖片可以寫成a的背景圖啊~
然后就可以調(diào)整background-position的x/y軸的值

如果你非要用圖片呢,可以給那小圖片設(shè)置position:relative;top:3px;margin-right:2px


修飾性圖片可以寫成a的背景圖啊~
然后就可以調(diào)整background-position的x/y軸的值

如果你非要用圖片呢,可以給那小圖片設(shè)置position:relative;top:3px;margin-right:2px

設(shè)置成了背景,那張圖就和第一個字重合了,我用空格把文字向后提,不過這辦法好糾結(jié)。



修飾性圖片可以寫成a的背景圖啊~
然后就可以調(diào)整background-position的x/y軸的值

如果你非要用圖片呢,可以給那小圖片設(shè)置position:relative;top:3px;margin-right:2px

設(shè)置成了背景,那張圖就和第一個字重合了,我用空格把文字向后提,不過這辦法好糾結(jié)。
要設(shè)置padding-left值的,大哥~

說2種方法吧
1、二樓已經(jīng)說了,把圖片作為背景圖片,通過定位確定位置。文字出現(xiàn)在圖片上,可以設(shè)置縮進就可以了。給文字加個text-indent:2em;
2、插入圖片的形式,可以給圖片或者文字加個margin-top,調(diào)整上下位置?;蛘哒{(diào)整文字的行高

沒那個小圖片,隨便找了個,高度你再調(diào)節(jié)下


[code=html]




無標(biāo)題文檔




把XXX設(shè)置為主頁


Quote:


修飾性圖片可以寫成a的背景圖啊~
然后就可以調(diào)整background-position的x/y軸的值

如果你非要用圖片呢,可以給那小圖片設(shè)置position:relative;top:3px;margin-right:2px

啊啊啊啊啊啊,懸浮停留的陰影和DIV的的上下還是有距離解決不了啊。。再求幫助。



修飾性圖片可以寫成a的背景圖啊~
然后就可以調(diào)整background-position的x/y軸的值

如果你非要用圖片呢,可以給那小圖片設(shè)置position:relative;top:3px;margin-right:2px

啊啊啊啊啊啊,懸浮停留的陰影和DIV的的上下還是有距離解決不了啊。。再求幫助。
你把頁面發(fā)我吧。我?guī)湍闩?

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

初學(xué)HTML/CSS:圖片如何在DIV中的垂直居中,文字與DIV中的間距如何消除_html/css_WEB-ITnose

初學(xué)HTML/CSS:圖片如何在DIV中的垂直居中,文字與DIV中的間距如何消除_html/css_WEB-ITnose:本帖最后由 u013097499 于 2013-12-10 16:40:40 編輯 問題1.圖片無法和文字對齊 問題2.設(shè)置了hover屬性background-color:#CCC 效果如圖 我希望設(shè)置成: body { margin:0; } .softtext { margin:0; color
推薦度:
標(biāo)簽: 圖片 文字 如何
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top