使用JS設置文字居中顯示
在編寫網頁時,經常需要將段落、標題等居中顯示。下面介紹一種使用JS設置文字居中顯示的方法。
首先,在需要居中顯示的元素中添加一個ID屬性(如ID="center"),然后使用以下代碼實現居中顯示操作:
var obj = document.getElementById("center"); obj.style.textAlign = "center";
代碼解析:
- 首先使用 getElementById方法獲取需要居中的元素。
- 然后將該元素的樣式屬性“textAlign”設置為“center”即可實現文字居中。
如果需要批量居中顯示元素,可以使用以下代碼:
var objs = document.getElementsByTagName("p"); for(var i=0; i代碼解析:
- 首先使用getElementsByTagName方法獲取所有需要居中的元素。
- 然后使用for循環對元素進行樣式設置。
下一篇vue標簽循環輸出