如何在網頁中顯示上、下標字？

常在網頁上可以看到這樣 Chtouch^TM 或是 log₁₀n²的圖示或符號，為了要顯示這樣的樣式，很多人會利用圖形來製作或是插入特殊符號，這樣其實相當麻煩，其實可以利用 HTML 的 sup 與 sub 兩個 Tag 便可以達到上、下標字。

§相關文章，還可以參閱：

• 

  Text-to-Regex 將文字描述轉成正則表達式免費線上工具
• 

  Database diagram Tool 免費的 ER Model 圖產生器
• 

  Grid-Generator 可自訂網頁結構的版型產生器
• 

  Transform Tools：數據描述格式轉換線上工具，支援SVG、HTML、JSON、CSS等多種
• 

  Uiverse 免費線上 CSS 元件庫，數千種美觀元件供自由使用

如何利用 CSS 顯示上、下標字？

1.sub 標籤為顯示下標字，如下：
https://chtouch.com_關鍵應用

2.sup 標籤為顯示上標字，如下：
關鍵應用^{https://chtouch.com}

sup=super-script     sub=sub-script

3.另外就是搭配 CSS 的 vertical-align 屬性來達成，sub 設定下標字位置；super：設定上標字位置。

例如：

• vertical-align:sub
• vertical-align:super