1

请帮助我显示我的网页。

下图显示了三个文本框，上面有各自的名称。请我如何使用 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  
     }

?>

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;
            }
4

2 回答 2

0

假设您想保持标签原样，将每个标签/字段对包装在一个 div 中，给这些 div 一个类名（例如，“fieldWrapper”）并给该类display: inline-block;：

.fieldWrapper {
    display: inline-block;
}
于 2012-06-20T19:06:37.187 回答
0

我假设您希望文本框的标题在一行中彼此相邻，因此正如 bfavaretto 所说，使用 div。

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

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

如果您确切知道将从 db 表返回多少行，那么您可以将 div 宽度设置为百分比，在本例中类似于 %30。

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

于 2012-06-20T20:03:38.210 回答