溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
1、DIV內圖片文字水平對齊
（1）圖片和文字各放入獨立的塊級容器。然后以padding-top或margin-top來控制。
（2）對圖片添加樣式vertical-align:middle;如：<div><img src="url" />文字</div>
（3）.把圖片作為背景：如果你的圖片只是用來作為小圖標放在文字的左側，那就推薦用這個方法，圖片設置成文字的背景，不循環，定位在左側上下居中，文字向左padding圖片的寬度加幾個像素。
代碼： <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>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
