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;
 }

如何将控件放在div标签和设计中

2 个答案: