Question

<div id="surveyTitleEdit" style="float:left;overflow: auto;">
   <input id="surveyTitleInput"  size="25" type="text" name="Title" />
   <span><img class="pointerCursor" src="image" alt="Save" title="Save"
              onclick="save()"/></span>
   <span><img class="pointerCursor" src="image" alt="Save" title="Save"
              onclick=Edit();"/></span>
</div>

这是我的代码，我的输入框和第一张图像在一行，第二张图像在另一行，我想把所有的div数据放在一行，我怎么能实现这个？

Answer 1

试试这个：

<div id="surveyTitleEdit">
 <input id="surveyTitleInput" size="25" type="text" name="Title"/>
 <img src="" alt=""/>
 <img src="" alt=""/>
</div>

现在唯一需要确定的是，div surveyTitleEdit足够宽（宽度高于输入宽度和两个图像的宽度）以包含下一个3个元素对彼此。或者，您可以使用以下CSS：

#surveyTitleEdit {
 white-space: nowrap;
}

Answer 2

应该是onclick="Edit();"。你忘记了"。如果div容器足够宽，则元素应自动对齐。尽可能避免将事件直接附加到TAGS。相反，您可以使用jQuery（或其他框架）事件。

Answer 3

尝试指定高度和宽度，如：

<img src="image.jpg" width="200" height="150">

将<div>数据对齐在一行？</div>

3 个答案: