很多時候,為了版面美觀以及構圖美學,會需要將網站上的內容置中顯示,尤其是行動版網頁更是如此。
但在修改網頁的時候,讀者應該會碰到有些程式碼內容,像是使用 JavaScript 寫成的廣告橫幅( Ad Banner )程式碼,無法自動置中顯示,常常會靠邊站。
因此萊德在這邊整理了三種利用 HTML 的語法,只要把 JavaScript 程式碼包起來,就可以達到置中的效果,歡迎大家參考~
◆ 第一種方法:
較為簡潔的 <center>...</center> 寫法~
<center> your JS code </center>
P.S. <center> 標籤語法在 HTML5 不支援喔!
◆ 第二種方法:
將 JavaScript 程式碼放在 <p>...</p> 段落標籤中間,就可以將此內容當成一個段落來操作,只要在 <p> 標籤裡面加上 align='center' 就可以把段落置中囉~
<p align='center'> your JS code </p>
◆ 第三種方法:
使用 <div>...</div> 區塊標籤將 JavaScript 程式碼包起來,一樣可以將此內容進行操作,只要在 <div> 標籤裡面加上 align='center' 就可以把該區塊置中囉~
<div align='center'> your JS code </div>
另外順帶一提,如果你是想要將文字、圖片或是影片嵌入置中,透過這三種語法標籤將文字、圖片或是影片嵌入的 Code 包起來,一樣會達到置中的效果~
如何將 JavaScript 程式碼內容在網頁置中顯示的教學就到這邊~
我們下次見~