
常在網頁上可以看到這樣 ChtouchTM 或是 log10n2 的圖示或符號,為了要顯示這樣的樣式,很多人會利用圖形來製作或是插入特殊符號,這樣其實相當麻煩,其實可以利用 HTML 的 sup 與 sub 兩個 Tag 便可以達到上、下標字。
如何利用 CSS 顯示上、下標字?
1.sub 標籤為顯示下標字,如下:
http://key.chtouch.com關鍵應用
2.sup 標籤為顯示上標字,如下:
關鍵應用https://key.chtouch.com
※sup=super-script sub=sub-script
3.另外就是搭配 CSS 的 vertical-align 屬性來達成,sub 設定下標字位置;super:設定上標字位置。
例如:
-
vertical-align:sub
-
vertical-align:super