创建带有 Label: Textbox 的 div 并使其良好居中的最佳方法？
拥有以下内容的最佳方式是什么？
Name: [Textbox]
在 div 内？我发现 Name: 部分与文本框的居中效果不太好，尤其是使用小字体时。我希望 Name: 部分垂直居中。
在某些情况下，左手部分可能会很长并缠绕在多行上，如下所示：
All known addresses: [Textbox]
再次，我希望左手部分能够很好地居中。
我试图停止使用表格进行布局，并转向 div，这样我就可以正确地做事，但我遇到了一些问题。 style="vertical-align:middle" 似乎没有做任何事情。
What's the best way to have the following?
Name: [Textbox]
Inside a div? I find that the Name: part doesn't center nicely with the textbox, especially with a small font. I want the Name: part to be centered vertically.
In some cases, the left hand part can be quite long and wrap onto multiple lines, like this:
All known addresses: [Textbox]
Again, I would like the left hand part nicely centered.
I'm trying to stop using tables for layout, and move onto divs so I can do things properly, but I am having some issues. style="vertical-align:middle" doesn't seem to do anything.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
没有好的方法可以做到这一点。 这里有一些关于一些方法的不错的文章，但大多数都依赖于修改固定高度元素，或在 div 上使用表格/表格单元格布局。
如果让事物居中是一个硬性要求，我就会放弃并使用表格
There is no good way to do this. There's a decent writeup on some methods here, but most of them rely on hacking-around fixed-height elements, or using table/table-cell layouts on divs.
If having things centered is a hard requirement, I'd just give up and use tables
使用表格或 2 个 div：一个用于标签，另一个用于文本框，这样您就可以正确对齐它们。
use tables or 2 divs: one for the label and another for your text box, so you'll be able to align them properly.
HTML5 为我们提供了一些非常酷的功能来帮助处理这些类型的实例。根据您的情况，
和等元素可能非常有用。http://www.w3schools.com/html/html5_new_elements.asp
HTML5 is giving us some pretty cool features to aid in these type of instances. Elements such as
<section>and<article>can be quite useful depending on your circumstance.http://www.w3schools.com/html/html5_new_elements.asp