顯示空格選項標籤

我想如下安排我的列表：顯示空格選項標籤

Subject   Chapter   MCQ  Duration(min) 
Physics 1   10   40    40 
Chemistry 1   9   30    30 
Math 1    10   40    40 
Biology 1   12   40    20

所以，我嘗試以下操作：

<div style="font-family: "Lucida Sans Unicode""> 
    <?php 
     include_once('funcs.php'); 
     $f = new funcs(); 
     $res = $f->get_ques(); 
     printf("%-'.20s", 'Subject'); 
     printf("%-'.20s", 'Chapter'); 
     printf("%-'.20s", 'Marks'); 
     printf("%-'.20s", 'Duration'); 
    ?> 
    <br/> 
    <select> 
    <?php 
     while($q = mysql_fetch_array($res)) { 
      echo '<option>', printf("%-'-20s", $f->get_sub($q['q_id'])), printf("%-'.20s", $q['chapter']), printf("%-'.20s", $q['mcq']), printf("%-'.20s", $q['time']), '</option>'; 
     } 
    ?> 
    </select> 
</div>

而且我的輸出是：

enter image description here

線條曲折。我想要這些線條是嚴格的。我試圖使用固定長度的字體，但失敗了。我應該刪除這些點。以及。任何人都請幫助我。

來源

2013-02-28 Cool Brain

改爲使用表格，單列中的單選按鈕或複選框讓用戶選擇。你擁有的是表格數據，不能用在'select'元素給你的簡單結構中。 – 2013-02-28 07:18:25

另一個很好的解決方案。但我會先選擇 – 2013-02-28 15:32:03

改變這種

echo '<option>', printf("%-'-20s", $f->get_sub($q['q_id'])), printf("%-'.20s", $q['chapter']), printf("%-'.20s", $q['mcq']), printf("%-'.20s", $q['time']), '</option>';

到

echo '<option>', printf("% /&nbsp20s", $f->get_sub($q['q_id'])), printf("% /&nbsp20s", $q['chapter']), printf("% /&nbsp20s", $q['mcq']), printf("% /&nbsp20s", $q['time']), '</option>';

使用&nbsp空間。

來源

2013-02-28 06:35:15

他仍然需要固定寬度的字體才能使列排齊。 – ThinkingStiff 2013-02-28 06:47:05

您的解決方案在每個選項上都顯示「bsp20s6bsp20s6bsp20s6bsp20s6」。爲什麼？ – 2013-02-28 06:57:09

@CoolBrain' '是代表空間的html實體。重複的空格不會出現，除非你使用這個。 – diolemo 2013-02-28 07:03:50

因爲不同類型和字體的東西不可能，因爲每個字符的寬度是不同的。只有一種方法可以做你需要的東西。在選項中使用等寬字體信使或任何其他等寬字體。我知道信使有所有人物的寬度。只需將字體名稱更改爲快遞並查看您需要的思想。

使用樣式表證明ID是選擇和選項，描述CSS規則爲：

<select id=abc> 
    <option id=abc> def </option> 
</select>

，並在CSS

#abc {font-family:.......}.

的將得到解決

來源

2013-02-28 06:45:55 Vineet1982

他要求下拉列表 – ThinkingStiff 2013-02-28 06:46:35

@ThinkingStiff更改了答案感謝您通知 – Vineet1982 2013-02-28 06:57:14

據我所知，Consolas也是等寬字體。 -family：consolas「>'此代碼不會更改字體，實際上沒有任何樣式正在更改當前字體。 – 2013-02-28 07:05:42

您可以根據 對於空間不是-。

來源

2013-02-28 07:00:16 tuxnani

顯示空格選項標籤

回答

相關問題