显示空格选项标签

我想如下安排我的列表：显示空格选项标签

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

显示空格选项标签

回答

相关问题