0

<s:textfield>両方を同じ行に表示したい div 要素がありますが、どうすればこれを行うことができますか。

<s:textfield key="dimProgram.name" required="true" maxlength="128" />
<div class="hide prohramNameCheck" id="floatingBarsG">
  <div class="blockG" id="rotateG_01"></div>
  <div class="blockG" id="rotateG_02"></div>
  <div class="blockG" id="rotateG_03"></div>
  <div class="blockG" id="rotateG_04"></div>
  <div class="blockG" id="rotateG_05"></div>
  <div class="blockG" id="rotateG_06"></div><
  <div class="blockG" id="rotateG_07"></div><
  <div class="blockG" id="rotateG_08"></div>
</div>
4

1 に答える 1

1

Div は完全な行を採用しているため、直接は機能しませんが、テーブルまたは CSS の配置を使用して実行できます。以下のコード スニペットを参照してください。同様に、必要に応じて調整できます。

HTML

<div class="container">
    <div class="div1">Image 1</div>
    <div class="div2">Image 2</div>
</div>

CSS

div.container {
    background-color: #FF0000;
    margin: auto;   
    width: 304px;
}

div.div1 {
    border: 1px solid #000;
    float: left;
    width: 150px;
}

div.div2 {
    border: 1px solid red;
    float: left;
    width: 150px;
}

Jsfiddle: http://jsfiddle.net/azXMN/

于 2013-07-19T05:58:55.220 に答える