Question

我有<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>

Answer 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/

如何在同一行显示div元素和s：textfield

1 个答案: