在页面的最中心制作下拉菜单答案

【问题标题】：making dropdown in the very center of the page在页面的最中心制作下拉菜单
【发布时间】：2014-06-09 04:21:35
【问题描述】：

我想让 下拉列表 出现在页面的中心。我该怎么做？

代码：

echo '<div class="dropCenter" align="center">';        
echo '<label><SELECT name="projectDropdown" id="projectDropdown" class="projectSelect">'.'<br>';
echo '<OPTION VALUE=" ">'."".'</OPTION>';

while($row = oci_fetch_array($compCuttingResult,OCI_ASSOC)) {
     $projectName = $row ['PROJECT_NAME'];
     echo "<OPTION VALUE='$projectName'>$projectName</OPTION>";
}

echo '</SELECT></label><br />';

【问题讨论】：

将大量标记错误放在一边（例如，<select> 在 <label> 内），您的问题似乎是在询问页面上的元素 positioning，这将是一个 CSS 问题。

标签： php html css styles

【解决方案1】：

对第一个 div 使用样式

margin: 0px auto;

这应该把 div 放在中心

【讨论】：

【解决方案2】：

首先，从 HTML 标记中删除所有 BR 和 LABEL 标记。
接下来在标记末尾附加一个 closind DIV 标记。

PHP 代码

$html = null;
$html .= "<div class=\"dropCenter\">";
$html .= "<select id=\"projectDropDown\" name=\"projectDropDown\">";
$html .= "<option value=\"\"></option>";
while($row = oci_fetch_array($compCuttingResult,OCI_ASSOC)){
    $projectName = $row['PROJECT_NAME'];
    $html = sprintf("<option value=\"%s\">%s</option>", $projectName, $projectName);
}
$html .= "</select>";
$html .= "</div>";
print $html;

CSS 代码

<style type="text/css">
    select.projectSelect{ width:280px; height:24px; margin:10px; }
    select.projectSelect option{line-height:24px;}
    div.dropCenter{ display:inline-block; position:absolute; width:300px; height:34px; margin-left:-150px; margin-top:-17px; background-color:#e0e0e0; border:1px solid #c0c0c0; }
</style>

【讨论】：

【解决方案3】：

你可以使用这个代码

margin:auto;

<div class="dropCenter" style= 'margin:auto;'>

您还必须检查上面的 div 是什么。如果上面的 div 没有效果，这会很好。

外部继承样式表也会产生影响。

【讨论】：