在網頁制作中,經常需要設置表格中的文字居中顯示,通過jQuery可以輕松實現該功能。
首先,需要找到需要設置文字居中的td元素,可以通過元素的id或class來進行定位:
$(document).ready(function(){ $("#table1 td").css("text-align", "center"); //通過id定位 $(".table2 td").css("text-align", "center"); //通過class定位 });
以上代碼會將所有id為table1和class為table2的td中的文字居中顯示。
如果只需要設置某一行或某一列中的文字居中,可以通過eq()選擇器來實現:
$(document).ready(function(){ $("#table1 tr:eq(2) td").css("text-align", "center"); //將table1表格中第3行的文字居中顯示 $("#table1 tr td:eq(3)").css("text-align", "center"); //將table1表格中第4列的文字居中顯示 });
以上代碼中,eq(2)代表第3個元素,eq(3)代表第4個元素。
除了設置文字居中,還可以設置文字左對齊(text-align: left)或右對齊(text-align: right)。
需要注意的是,使用jQuery設置文字居中并不會改變表格的樣式,僅僅是改變了文字的對齊方式。
下一篇div 上下居中