關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄

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

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

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

1.sub 標籤為顯示下標字,如下:

http://key.chtouch.com關鍵應用


2.sup 標籤為顯示上標字,如下:

關鍵應用http://key.chtouch.com


※sup=super-script     sub=sub-script


3.另外就是搭配 CSS 的 vertical-align 屬性來達成,sub 設定下標字位置;super:設定上標字位置。
例如:
  • vertical-align:sub
  • vertical-align:super
4.當然,你也可以透過相關 CSS 屬性來做變化。

關鍵應用實在好用



標籤: |  |  |  |  | 

延伸閱讀

目前有0則留言
*暱稱:
*電子郵件: (不會公佈)
網址:
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容:

搜尋文章