使下拉菜单位于页面的正中央

Question

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

代码：

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 />';

Answer 1

首先，从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>

Answer 2

将样式用于第一个div

margin: 0px auto;

这应该将div放在的中心

Answer 3

您可以使用此代码

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

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

外部继承样式表也会产生效果。