在选项标签中显示空格

时间:2013-02-28 06:26:14

标签: php html css html5

我想安排我的清单如下:

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

线是曲折的。我希望这些线条严格。我试图使用固定长度字体但失败了。我应该删除这些点。同样。有人请帮帮我。

3 个答案:

答案 0 :(得分:3)

更改此

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作为空间。

答案 1 :(得分:1)

您可以将&nbsp;用于不是-的空格。

答案 2 :(得分:0)

由于每个字符宽度彼此不同,因此不可能使用不同类型和字体。只有一种方法可以做你需要的事情。在选项中使用Monospaced Font Courier或任何其他Monospaced字体。我知道Courier的宽度与所有角色相同。只需将字体名称更改为courier,然后查看您需要的所需内容。

使用样式表证明id是select和option,并将css规则描述为:

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

和css

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

将解决