溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css設(shè)置技巧

發(fā)布時(shí)間：2020-07-27 22:02:19 來源：網(wǎng)絡(luò) 閱讀：487 作者：1503849 欄目：開發(fā)技術(shù)

1、DIV內(nèi)圖片文字水平對齊

（1）圖片和文字各放入獨(dú)立的塊級容器。然后以padding-top或margin-top來控制。

（2）對圖片添加樣式vertical-align:middle;如：<div><img src="url" />文字</div>

（3）.把圖片作為背景：如果你的圖片只是用來作為小圖標(biāo)放在文字的左側(cè)，那就推薦用這個(gè)方法，圖片設(shè)置成文字的背景，不循環(huán)，定位在左側(cè)上下居中，文字向左padding圖片的寬度加幾個(gè)像素。

代碼： <style> a img{border:none} .testTXT{ height:60px; line-height:60px; padding-left:65px; background:url(https://cache.yisu.com/upload/information/20200312/65/245761.jpg) no-repeat left center } </style>

<div class="testdiv">  <div class="testTXT"><span>這里是文字,看看文字對齊了沒</span></div> </div>


向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手