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没有任何影响，这样可以正常工作。

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

在页面的中心进行下拉列表

3 个答案:

PHP代码

CSS代码