iT邦幫忙

2

(前端)網頁表單垂直輸入可行性?

  • 分享至 

  • xImage

請益是否有人做過表單是要垂直式輸入的

個人自己study過
https://coolmandiary.blogspot.com/2021/09/blog-post_27.html
看起來只有firefox有支援
想聽聽其他人有沒有遇到過這麼奇怪的要求
因為網路上很少見垂直式輸入的網頁表單

天黑 iT邦研究生 5 級 ‧ 2021-12-23 15:28:25 檢舉
好奇作法 追蹤
greenriver iT邦研究生 4 級 ‧ 2021-12-23 15:55:17 檢舉
文字用CSS writing-mode:vertical-lr(垂直書寫由左至右),
先試試這樣行不行,不行的話再用transform 將table旋轉90度
一步一步土炮法,應該是可以辦到。
我只想得到這樣
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

9
㊣浩瀚星空㊣
iT邦大神 1 級 ‧ 2021-12-23 16:05:06
最佳解答

曾經有做過。我記得是小說網的樣子。
當時我的做法是採用DIV做成的text框來處理的。
確實是有點麻煩。指標對應當時常會不小心跑掉然後不知道要指向哪邊回來。

後續再一次改版,客戶重新要求編寫時可以橫向。PO上去才變成直向就好。
因為作家還是覺得橫向書寫會比較容易。
這樣就比較好處理了。

我用的也是,不一樣的地方是從右至左。

writing-mode : mode:vertical-rl;
text-orientation : upright;

後面的是為了配合英數。不過英數會比較麻煩。就是雖然它會是垂直沒錯。
但會變成90度顯示。這點目前無解。當時是英數符號請他們用全型的處理。
後來因為有些人的寫作習慣,也常會不小心用到半型逗號變成90度顯示。

最後是幫他們將一些常用符號,用取代的將半型改為全型處理的。

我要發表回答

立即登入回答