0

我正在尝试使用 innerHTML 将动态图像放置在我页面上的表格的一行中。图像正在显示，但是由于某种原因它浮动到表格的顶部。有什么方法可以确保它保持在我所在的行中。以下是一些代码片段：

在 JavaScript 中：

document.getElementById("myResults").innerHTML = "";

在 html 中：

<td class="label"><label for="description">Description:</td>

                                        </tr>
                                        <tr>
                                        <td class="label">
                                            <div class ="<?php echo form_row_class("bio") ?>" >
                                            <div class="styled_textarea">
                                                <textarea type="text" id="bio" onfocus="this.value=''; setbg('#f0f7f8');" onblur="setbg('white')" name="bio" value="<?php echo h($_POST['bio']); ?>" rows="10"></textarea>
                                            </div>
                                            </div>
                                        </td>

                                        </tr>


                                        <tr>
                                        <td class="label"><label for="image"><div class="vspace2em"></div>Image:</label></td>
                                        </tr>
                                        <tr>
                                        <td class="label">

<a id="edit_image"></a>
<div class="row">
<div class="span10 offset1">
<div id="editpane">
<button class="btn btn-large btn-primary openbutton" type="button">Open an Image</button>
</div>
</div>
</div>


                                        </td>



                                        <td>

                                            <?php if($current_user2): ?>

                                                <?php if($current_user2['filepicker'] != ''): ?>

                                                    <img src="<?php echo $current_user2['filepicker'];?>">

                                                <?php endif; ?>

                                            <?php endif; ?>

                                        </td>
                                        </tr>

                                        <tr>

                                         <div id="myResults"></div>

                                        </tr>

ETC...

由于某种原因，使用innerHTML 调用的图像会浮动到表格的顶部，而没有出现在我所在的位置。任何想法为什么会发生这种情况？

4

1 回答 1

1

如果您正确格式化 HTML 表格，阅读起来会更清晰。从第一眼我看出你有

<tr>
    <div id="myResults"></div>
</tr>

myResults is your relevant div. The problem is you dont have any <td> elements inside the <tr>. I think your code should look like this.

<tr>
    <td>
        <div id="myResults"></div>
    </td>
</tr>

This should give you the desired result.

于 2013-04-18T23:47:05.217 回答