Question

我有一个非常简单的表，我想将其转换为div用于示例目的。我对此没有运气。

基本上我想把它转换为div因为我已经厌倦了这样的表格，我希望按钮显示在手边的表格中间。但因为我正在使用标签。中间区域从不在TABLE的中间，而是TD标签的中间位置。

Answer 1

按钮只需要<TD colspan="2">，它就在桌子的中央。如果表中有更多列，请适当增加colspan。

用DIV显示;

<div class="searchTable">
  <span>Enter SSN</span>
  <div class="odd">
     <span class="label">Enter Social Security <u>N</u>umber</b></span>
     <input type="text" id="SearchFormerTenant_ssn1"/>-
     <input type="text" id="SearchFormerTenant_ssn1"/>-
     <input type="text" id="SearchFormerTenant_ssn1"/>
  </div>
  <div class="even" style="width: 100%; text-align:center;">
    <input type="submit" id="SearchFormerTenant_0" value="Get Information"/>
  </div>
</div>

Answer 2

您想修复此特定问题还是学习CSS定位？

如果你只是想要一个快速的解决方案，戴夫已经击中了头部。如果你想了解更多，你可能会比从这些教程开始更糟糕：

http://www.barelyfitz.com/screencast/html-training/css/positioning/

http://www.brainjar.com/css/positioning/

在intertubes上有更多类似的东西。还有那些专门用于形成布局的那些：

http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml

http://designshack.co.uk/articles/10-css-form-examples

这并不复杂，但除此之外，还有更多内容。

希望这有帮助。

Answer 3

虽然这更适合div，但一个简单的替代方法是将按钮移出桌面，只需将文本对齐：在它自己的div中居中。

如何将其从表标签转换为div标签

3 个答案: