比较来自世界各地的卖家的域名和 IT 服务价格

如何制作这两个人

我编辑某人代码,存在现有的表单和文件 css, 我做了什么 5 塔博夫 "select" 在表格中,我想选择内置的选择。

每个 select 有一个标签,所以我把它们放了两个 div, 所以我有 5 divs.
我想把第一个 3 div 一行,最后第2。
我在文件上工作 css 几个小时让一切都有工作,但仍然失败了。

我现在遇到的问题是我不能把字母放在那里 s 在一行中,他们每个人都采用单独的行,所以现在我有 5 形式的行......但我需要一切 2 排。

请帮帮我,不太熟悉 CSS.


<html>
<link href="css/mrbs.css.php" rel="stylesheet" type="text/css"/>
<link href="css/mrbs-print.css.php" media="print" rel="stylesheet" type="text/css"/>
<form action="addsystem.php" class="form_admin" id="add_room" method="post">
<fieldset>
<legend>Add System</legend>
<div id="sdw-div" style="white-space:nowrap; display:inline">
<label for="sdw">sdw:</label>
<select id="sdw" name="sdw" style="display:inline">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div id="etl-div" style="white-space:nowrap; display:inline">
<label for="etl">etl:</label>
<select id="etl" name="etl" style="display:inline">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div id="hdm-div" style="white-space:nowrap; display:inline">
<label for="hdm">hdm:</label>
<select id="hdm" name="hdm" style="display:inline">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div><strong>

.........other two are just the same....

</strong></fieldset></form>
</html>


但文件。 css 为了 form_admin


form.form_admin {float: left; clear: left; margin: 2em 0 0 0}
.form_admin fieldset {float: left; width: auto; border: 1px solid php echo $admin_table_border_color ?; padding: 1em}
.form_admin legend {font-size: small}
.form_admin div {float:left; clear:left;}
.form_admin label {
display: block; float: left; clear: left;
width: php echo $admin_form_label_width ?em; min-height: 2.0em; text-align: right;
}
.form_admin input {
display: block; float: left; clear: right;
width: php echo $admin_form_input_width ?em;
margin-top: -0.2em; margin-left: php echo $admin_form_gap ?em;
font-family: php echo $standard_font_family ?; font-size: small;
}
.form_admin select {
display: block; float: left; clear:right; margin-left: 1.0em;
}

.form_admin input.submit {
width: auto; margin-top: 1.2em; margin-left: php echo number_format//$admin_form_gap + $admin_form_label_width/, 1, '.', ''/?em
}
已邀请:

君笑尘

赞同来自:

给 div
float:left;

css, 这将显示它们作为内置。

也删除
<strong>

从标签的末尾
html

.

http://jsfiddle.net/BbrLX/1/
</strong>

快网

赞同来自:

样本 :


display:inline-block


我发现它比其他软件选项更好。

郭文康

赞同来自:

添加样式
float:left

对于所有五个 div. 还添加了


<div style="clear:all"></div>


在第三个DIVA之后。 还需要一个具有正确宽度的父容器;

奔跑吧少年

赞同来自:

你的
divs

已经
display:inline

, 此外,还有
float:left

-ed 他们的。

但是,如果它们没有出现在同一条线中,那就是只有一件事:您的父容器没有适当的宽度以容纳一行中的所有DIVA。

所以将适当的宽度达到父容器

看见
http://jsfiddle.net/manishmishra256/HrE39/1/
. 一切都有效!

要回复问题请先登录注册