作為前端開發人員,我們常常需要使用jQuery來實現網站頁面的各種交互效果。在開發中,有時候需要將table中的圖片居中顯示,而jQuery可以輕松實現這一效果。
首先,在HTML中編寫table及其中的圖片代碼:
<table> <tr> <td><img src="pic1.jpg" /></td> <td><img src="pic2.jpg" /></td> </tr> </table>
然后,使用jQuery找到table中的每個td元素,并設置其text-align屬性為"center":
$(document).ready(function(){ $('table td').each(function(){ $(this).css("text-align","center"); }); });
這樣,table中的圖片就會被居中顯示了。