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

看板Web_Design作者 (再努力一點)時間6年前 (2018/12/15 13:30), 6年前編輯推噓6(6017)
留言23則, 11人參與, 7年前最新討論串1/1
※ [本文轉錄自 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

12/15 13:21, 6年前 , 1F
去網頁版問會比較快
12/15 13:21, 1F
※ 發信站: 批踢踢實業坊(ptt.cc) ※ 轉錄者: prjryu (220.137.88.106), 12/15/2018 13:30:12

12/15 14:20, 6年前 , 2F
有試過全型空白嗎?
12/15 14:20, 2F

12/15 15:50, 6年前 , 3F
調整css
12/15 15:50, 3F

12/15 16:33, 6年前 , 4F
請問大大如何調整、是否有關鍵字可以讓我google看看
12/15 16:33, 4F

12/15 16:34, 6年前 , 5F
全形空白也會歪,問題出在字母的寬度不一
12/15 16:34, 5F

12/15 17:15, 6年前 , 6F
關鍵字就css阿 調整一下欄位的寬度
12/15 17:15, 6F

12/15 19:03, 6年前 , 7F

12/15 20:17, 6年前 , 8F
會寫在同一個東西裡面嗎 我還以為是分三格
12/15 20:17, 8F

12/15 20:18, 6年前 , 9F
你這種情況我只知道 設一個英文字同寬的字體
12/15 20:18, 9F

12/16 13:55, 6年前 , 10F
你的需求要用其他前端元件,例如select2這類,比較好解
12/16 13:55, 10F

12/17 09:46, 6年前 , 11F
應該根據欄位最大字數直接調整 CSS 就好
12/17 09:46, 11F

12/17 09:47, 6年前 , 12F
也就是加上 css class,使用 px 或 % 調整 width
12/17 09:47, 12F

12/17 17:20, 6年前 , 13F
等寬字型。Consolas
12/17 17:20, 13F

12/17 22:11, 6年前 , 14F
舊細明體
12/17 22:11, 14F

12/17 23:08, 6年前 , 15F
等寬字型+計算欄位寬度自動補空格排版
12/17 23:08, 15F

12/17 23:16, 6年前 , 16F
中英文就用正規表示式判斷
12/17 23:16, 16F

12/17 23:16, 6年前 , 17F
只是大概很難完全對齊
12/17 23:16, 17F

12/19 11:04, 6年前 , 18F
你的pad語法大概要計算有幾個中文字 再換算成長度
12/19 11:04, 18F

12/19 11:04, 6年前 , 19F
會比較準
12/19 11:04, 19F

12/19 11:05, 6年前 , 20F
講錯 是要計算分別有幾個中英文字
12/19 11:05, 20F

12/25 01:02, 6年前 , 21F
分3格也可以但我不知道怎麼寫
12/25 01:02, 21F

12/25 01:03, 6年前 , 22F
我先找找等寬字體試試
12/25 01:03, 22F

01/18 22:02, 7年前 , 23F
為什麼我看不太懂他的問題說明
01/18 22:02, 23F

01/18 22:04, 7年前 , 24F
懂了
01/18 22:04, 24F
文章代碼(AID): #1S595cEM (Web_Design)
文章代碼(AID): #1S595cEM (Web_Design)