0

このようなコントロールをデザインに配置する必要があるという要件があります。

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

ここで、すべてのコントロールを div タグに配置する必要があります。どうすればよいですか? 私はvs 2008とasp.netを使用しています

4

2 に答える 2

2

ここに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>
​
于 2012-05-23T13:35:04.777 に答える
0 
<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;
 }
于 2012-05-23T13:18:42.840 に答える