Fw: [問題] ASP.NET C# 下拉選單如何對齊

[prjryu (再努力一點)]

※ [本文轉錄自 C_Sharp 看板 #1S58pf6p ]

作者: prjryu (再努力一點) 看板: C_Sharp
標題: [問題] ASP.NET C# 下拉選單如何對齊
時間: Sat Dec 15 13:11:00 2018

製作網頁的下拉是選單是由DB的三個欄位組合而成，

但因為參雜中英文與打小寫，發現無法對齊欄位資料，請問是否有解?

顯示預期舉例
┌───────────────┐
│組別     代號    工作       ▽│
├───────────────┤
│Rabbit   跳跳    cute         │
│Elephant 大象    heavy        │
...

但放上網頁因為英文字的寬度都不一樣，顯示整個歪掉
┌───────────────┐
│組別    代號    工作        ▽│
├───────────────┤
│Rabbit 跳跳   cute            │
│Elephant 大象    heavy        │
....

後台是用C#寫的，在兜下拉是選單string的時候有用.PadRight(xx, ' ')補看看，
發現傳到前台顯示還是一樣歪掉 orz

求助orz

--

                            郵差又來送羊奶了                                    

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.137.88.106
※ 文章網址: https://www.ptt.cc/bbs/C_Sharp/M.1544850665.A.1B3.html
※ 編輯: prjryu (220.137.88.106), 12/15/2018 13:12:24
推 Litfal: 去網頁版問會比較快
※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: prjryu (220.137.88.106), 12/15/2018 13:30:12
推 kisha024: 有試過全型空白嗎?
→ kattte: 調整css
→ prjryu: 請問大大如何調整、是否有關鍵字可以讓我google看看
→ prjryu: 全形空白也會歪，問題出在字母的寬度不一
→ Rinorune: 關鍵字就css阿 調整一下欄位的寬度
推 kisha024: https://i.imgur.com/uyydmDP.png
→ Rinorune: 會寫在同一個東西裡面嗎 我還以為是分三格
→ Rinorune: 你這種情況我只知道 設一個英文字同寬的字體
→ wezmag: 你的需求要用其他前端元件，例如select2這類，比較好解
→ sppqre: 應該根據欄位最大字數直接調整 CSS 就好
→ sppqre: 也就是加上 css class，使用 px 或 % 調整 width
推 o2007ya: 等寬字型。Consolas
→ Kenqr: 舊細明體
推 rahit: 等寬字型+計算欄位寬度自動補空格排版
推 rahit: 中英文就用正規表示式判斷
→ rahit: 只是大概很難完全對齊
→ vi000246: 你的pad語法大概要計算有幾個中文字 再換算成長度
→ vi000246: 會比較準
→ vi000246: 講錯 是要計算分別有幾個中英文字
→ prjryu: 分3格也可以但我不知道怎麼寫
→ prjryu: 我先找找等寬字體試試
推 joery: 為什麼我看不太懂他的問題說明
→ joery: 懂了