Question

请帮我显示我的网页。

下图显示了三个文本框，上面各有一个名称。请问如何使用CSS让它们在相同的（单一）线上相互显示，并且每个标题中心在它的盒子上对齐？

每个框标题都是从数据库（php / mysql）生成的，而文本框则添加在生成标题的循环内。

图像

谢谢。

更新

这是我用来生成此显示的代码

 <form action="<?php echo htmlentities($_SERVER['SCRIPT_NAME']) ?>" method               ="post"> 
           <?php             
          while($row=mysql_fetch_assoc($query)){                       
       echo $row['senatorial']."</br>" ;?>

          <?php  } ;?>
          <input type="hidden" name="action" value="submit" />
                <input type='submit' name='submit' class='OpenInput_Btn' value='Create' title='Register Constituency' />
                </form> 
                <?php  
     }

＆GT;

CSS

.consistuency{
             display: inline;
             margin-left: 90px;
             font-size: 15px;
             font-family: Calibri:
        } 


     label {
            width: 8em;
            float: left;
            display: block;
            font-size: 1.1em;
            color: Beige;
            }

Answer 1

假设您希望保持标签不变，请将每个标签/字段对包装在div中，为这些div添加一个类名（例如，＆＃34; fieldWrapper＆＃34;）并为该类{{1}提供}：

display: inline-block;

Answer 2

我假设您希望文本框的标题在一行中彼此相邻，所以就像bfavaretto所说的那样，使用div。

在while循环中为此代码添加div标签：

  <label for='name'></label>     
          <input type='text' name='constituency' class='OpenInput_Text' />
                 </br>

如果您确切知道将从db表返回多少行，那么您可以将div宽度设置为百分比，在这种情况下类似于％30。

否则，您可以计算返回的行数，并使用此值计算div的百分比/宽度，然后使用内联css进行设置。

如何在彼此前面显示动态文本框

2 个答案: