1、DIV內圖片文字水平對齊

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

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

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

代碼：?<style> a img{border:none} .testTXT{ height:60px; line-height:60px; padding-left:65px; background:url(http://www.zc144.com/download/Template.jpg) no-repeat left center } </style>

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

轉載于:https://blog.51cto.com/8432499/1831546

總結

以上是生活随笔為你收集整理的css设置技巧的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。