gpt4 book ai didi

html - 需要 HTML 对齐提示

转载 作者:太空宇宙 更新时间:2023-11-03 19:19:11 25 4
gpt4 key购买 nike

我正在编写一个 Chrome 扩展,我特别关心我的一个页面中的 HTML 布局。到目前为止,我有一些非常简单的东西。我有一个在 javascript 中动态更改的表,它需要留在左边。我还有一个 DIV,它将成为一整套其他控件的容器,例如编辑字段和按钮。我希望这个主 DIV 显示在表格的右侧。

到目前为止,我所做的一切都未能使该 DIV 位于我的表格右侧。就目前而言,我的 DIV 在 table 下面。我听说使用 float 是有效的,但这看起来很老套并且有一个有趣的副作用。也许我还没有真正理解 HTML 布局,即使我已经阅读过它们。我希望它的工作方式更像 Winforms,我可以告诉它去哪里。无论如何,如果有人可以帮助我了解实现我想要的布局的最佳和最干净的方法,我将不胜感激。我的代码如下:

<body>
<div id="logged_in">
<table id="contact_table">
<tr>
<th>Contact Name</th>
<th>Phone Number</th>
</tr>
</table>
<div id="interface">
<p>Here are instructions.</p>
</div>
</div>
</body>

请注意,在上面的代码中,id为“interface”的DIV应该位于id为“contact_table”的表格的右侧。

最佳答案

在这里使用 float 正是您应该做的。

<table id="contact_table" style="float:left">

你可能还需要这个:

<div style="clear:left"></div>

就在您的 </body> 之前标签。

关于html - 需要 HTML 对齐提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4929867/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com