
如何建立一個關於僅支援純文字(例如 Facebook 或 Twitter)的服務的表格,因為它們都因沒有等寬字體而未對齊?換句話說,如何轉變:
╔═══════════════════════ ═════════╦ ════════╗
║ Col1 ║ Col2 ║ NumCol ║
╠═════ ═══════════ ══╬════════════╬════════╣
║ 1 ═══║ ║
║
這一行是測試html實體║ Test
st ║ 45 ║
╚═══════════════␕␕␕ ══╩════ ═ ═══════╩════════╝
對此:
╔═══════════════════════════════════╦════════════╦════════╗
║ Col1 ║ Col2 ║ NumCol ║
╠═══════════════════════════════════╬════════════╬════════╣
║ Value 1 ║ Value 2 ║ 123 ║
║ This is a row with only one cell ║ ║ ║
║ This row is testing html entities ║ Te<br />st ║ 45 ║
╚═══════════════════════════════════╩════════════╩════════╝
?
答案1
該表格未對齊,因為它需要等間距。 Twitter 和 Facebook 不使用等寬字體,但您可以將文字替換為相應的 unicode 固定寬度字元。從技術上講,這不是等間距的,字元不一定與固定網格對齊,據我所知,像空格這樣的字元沒有全角等效項,但可預測的間距可能會讓創建一個像樣的外觀變得容易得多儘管如此。
半角和全角字元的 unicode 區塊是 U+FF00 到 U+FFEF,用這些字元寫的文字就像這樣。您可能會想要使用自動轉換文字的工具,例如這個。連結頁面還有一些關於這組字符的用途的有趣背景閱讀。
答案2
你不能。這樣做需要使用固定寬度的字體,沒有辦法在 Facebook 或 Twitter 用戶端上強制這樣做。
您也不能使用 HTML <TABLE>,因為沒有指定/輸入它們的規定。