asp.net - 如何在 div 标签中放置控件并像这样设计

Question

我有一个要求，我需要在设计中放置这样的控件：

  label1 textbox1    label5 textbox5
  label2 textbox2    label6 textbox6
  label3 textbox3    label7 textbox7
  label4 textbox4    label8 textbox8

现在我需要将所有控件放在一个 div 标签中，我该怎么做呢？我正在使用 vs 2008 和 asp.net

Answer 1

这是CSS

<style>
#txtbx1div
{
  width:200px;
  padding:5px;
  display:inline;
  float:left;
  position:relative;
}

#txtbx2div
{
  width:200px;
  padding:5px;
  display:inline;
  float:left;
  position:relative;
}
</style>

html部分..记住这个例子中发布的值被视为一个数组txtbox []..你可以根据需要重命名它。

<div id="txtbx1div">
  <label>label1</label>
  <input type="text" id="textbox[]" />
  <label>label2</label>
  <input type="text" id="textbox[]" />
  <label>label3</label>
  <input type="text" id="textbox[]" />
  <label>label4</label>
  <input type="text" id="textbox[]" />
</div>

<div id="txtbx2div">
  <label>label5</label>
  <input type="text" id="textbox[]" />
  <label>label6</label>
  <input type="text" id="textbox[]" />
  <label>label7</label>
  <input type="text" id="textbox[]" />
  <label>label8</label>
  <input type="text" id="textbox[]" />
</div>
​

Answer 2

<div>
        <div class="left_align">
            label1</div>
        <div class="left_align">
            textbox1</div>
        <div class="left_align">
            <div class="left_align">
                label5</div>
            <div class="left_align">
                textbox5</div>
        </div>
    </div>

CSS样式表是：

.left_align
 {
        float:left;
 }