jsp - 如何在同一行显示 div 元素和 s:textfield

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 采用 Complete line，它不会直接工作，但可以通过 table 或 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/