使用 Label: Textbox 创建 div 并使其居中的最佳方法？答案

【问题标题】：Best way to create a div with Label: Textbox and have it nicely centered?使用 Label: Textbox 创建 div 并使其居中的最佳方法？
【发布时间】：2013-06-29 02:08:01
【问题描述】：

拥有以下内容的最佳方式是什么？

名称：[文本框]

在一个 div 里面？我发现 Name: 部分不能很好地与文本框居中，尤其是使用小字体时。我希望 Name: 部分垂直居中。

在某些情况下，左侧部分可能会很长，并且会换成多行，如下所示：

众所周知
地址：[文本框]

再次，我希望左手部分很好地居中。

我正在尝试停止使用表格进行布局，转而使用 div，以便我可以正确地做事，但我遇到了一些问题。 style="vertical-align:middle" 似乎什么也没做。

【问题讨论】：

如果至少有一个标签是关于您的问题的上下文，您将获得更多浏览量。我认为没有人在积极寻找“对齐”标签。但愿意回答 HTML 问题的人可能正在寻找标签“html”。或“css”。

标签： css html vertical-alignment

【解决方案1】：

没有好的方法可以做到这一点。有一些关于 here 方法的不错的文章，但它们中的大多数依赖于修改固定高度元素，或者在 div 上使用表格/表格单元布局。

如果以事物为中心是一项硬性要求，我只会give up and use tables

【讨论】：

【解决方案2】：

使用表格或 2 个 div：一个用于标签，另一个用于文本框，这样您就可以正确对齐它们。

【讨论】：

【解决方案3】：

HTML5 为我们提供了一些非常酷的功能来帮助处理这些类型的实例。 <section> 和 <article> 等元素可能非常有用，具体取决于您的具体情况。

http://www.w3schools.com/html/html5_new_elements.asp

【讨论】：

部分或文章确实是好东西，但这与OP问题无关'。
@MEM - 是的，你完全正确。我不知道我在说什么。我要删除这个答案。谢谢！