Search

㊗ 新的一年,祝福讀者們 2020 新年新希望!! ◆ Welcome to Laird Studio! 歡迎蒞臨萊爾德工作室! ◎ Android Studio 基礎教學籌備中,敬請期待! ☏ 對網站有任何問題或建議,都非常歡迎使用留言板或至 Facebook 粉絲團發訊息,讓我們知道您的想法 (੭ु´ ᐜ `)੭ु

2016年5月27日 星期五

[ HTML ] [ 教學 ] 如何將 JavaScript 程式碼內容在網頁置中顯示( 廣告橫幅、文字、圖片、影片嵌入皆適用 )


很多時候,為了版面美觀以及構圖美學,會需要將網站上的內容置中顯示,尤其是行動版網頁更是如此。

但在修改網頁的時候,讀者應該會碰到有些程式碼內容,像是使用 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 程式碼內容在網頁置中顯示的教學就到這邊~

我們下次見~