在使用jQuery時,我們可以通過設置元素的對齊方式來控制其在頁面中的布局。其中,設置div元素內容對齊aglin是一種常用的方式之一。
$(document).ready(function(){ $("div").css("text-align", "center"); });
上述代碼中,我們在頁面加載完成后,使用jQuery的css()方法來設置所有div元素的文本對齊方式為居中。其中的"text-align"屬性即為文本對齊方式,"center"表示居中對齊。
除了居中對齊,我們還可以通過設置"text-align"屬性為left(左對齊)或right(右對齊)來實現對齊方式的控制。
$(document).ready(function(){ $("div").css("text-align", "left"); });
$(document).ready(function(){ $("div").css("text-align", "right"); });
最后,需要注意的是,在使用jQuery設置div內容對齊時,我們需要保證具有相同類名或者id的元素設置的樣式一致,這樣才能實現統一的對齊方式。
上一篇div box透明