Search in This Site

㊕ 天氣逐漸轉涼,早晚需注意保暖以免著涼:D ◆ Welcome to Laird Studio! 歡迎蒞臨萊爾德工作室! ◎ 本站的留言系統全面採用 Google+ ,歡迎多多與我們互動! ☏ 對網站有任何問題或建議,都非常歡迎使用"Guestbook"留言板,讓我們知道您的想法喔 (。◕∀◕。)

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 程式碼內容在網頁置中顯示的教學就到這邊~

我們下次見~



TOP