作者prjryu (再努力一點)
看板Web_Design
標題Fw: [問題] ASP.NET C# 下拉選單如何對齊
時間Sat Dec 15 13:30:12 2018
※ [本文轉錄自 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://webptt.com/m.aspx?n=bbs/C_Sharp/M.1544850665.A.1B3.html
※ 編輯: prjryu (220.137.88.106), 12/15/2018 13:12:24
1F：推 Litfal: 去網頁版問會比較快 12/15 13:21
※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: prjryu (220.137.88.106), 12/15/2018 13:30:12
2F：推 kisha024: 有試過全型空白嗎? 12/15 14:20
3F：→ kattte: 調整css 12/15 15:50
4F：→ prjryu: 請問大大如何調整、是否有關鍵字可以讓我google看看 12/15 16:33
5F：→ prjryu: 全形空白也會歪，問題出在字母的寬度不一 12/15 16:34
6F：→ Rinorune: 關鍵字就css阿 調整一下欄位的寬度 12/15 17:15
8F：→ Rinorune: 會寫在同一個東西裡面嗎 我還以為是分三格 12/15 20:17
9F：→ Rinorune: 你這種情況我只知道 設一個英文字同寬的字體 12/15 20:18
10F：→ wezmag: 你的需求要用其他前端元件，例如select2這類，比較好解 12/16 13:55
11F：→ sppqre: 應該根據欄位最大字數直接調整 CSS 就好 12/17 09:46
12F：→ sppqre: 也就是加上 css class，使用 px 或 % 調整 width 12/17 09:47
13F：推 o2007ya: 等寬字型。Consolas 12/17 17:20
14F：→ Kenqr: 舊細明體 12/17 22:11
15F：推 rahit: 等寬字型+計算欄位寬度自動補空格排版 12/17 23:08
16F：推 rahit: 中英文就用正規表示式判斷 12/17 23:16
17F：→ rahit: 只是大概很難完全對齊 12/17 23:16
18F：→ vi000246: 你的pad語法大概要計算有幾個中文字 再換算成長度 12/19 11:04
19F：→ vi000246: 會比較準 12/19 11:04
20F：→ vi000246: 講錯 是要計算分別有幾個中英文字 12/19 11:05
21F：→ prjryu: 分3格也可以但我不知道怎麼寫 12/25 01:02
22F：→ prjryu: 我先找找等寬字體試試 12/25 01:03
23F：推 joery: 為什麼我看不太懂他的問題說明 01/18 22:02
24F：→ joery: 懂了 01/18 22:04