使用Label创建div的最佳方法:Textbox并让它很好地居中?

时间:2009-09-13 19:42:44

标签: css html vertical-alignment

获得以下内容的最佳方式是什么?

Name:  [Textbox]

在div里面?我发现Name:part与文本框没有很好的对应关系,尤其是小字体。我希望Name:part垂直居中。

在某些情况下,左手部分可以很长并且包裹在多行上,如下所示:

All known
addresses:   [Textbox]

同样,我希望左手部分很好地居中。

我正在尝试停止使用表格进行布局,并转移到div上以便我可以正确地做事,但我遇到了一些问题。 style="vertical-align:middle"似乎没有做任何事情。

3 个答案:

答案 0 :(得分:5)

没有良好的方法来做到这一点。在一些方法here上有一个不错的写法,但是大多数方法依赖于黑客攻击的固定高度元素,或者在div上使用表/表格单元布局。

如果以事情为中心是一项艰难的要求,我只会give up and use tables

答案 1 :(得分:0)

使用表格或2个div:一个用于标签,另一个用于文本框,因此您可以正确对齐它们。

答案 2 :(得分:-1)

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

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