定位文字输入？

Question

我没有使用很多表格，所以我不确定这里有什么。 我试图用一个按钮内联文本输入，但它似乎没有工作。你可以看到我在这做什么： http://jsfiddle.net/gagalug/BEBAH/

感谢。

Answer 1

添加

input { vertical-align: middle; }

Answer 2

将此行添加到您的样式中：

img, input[type=image] {vertical-align: bottom;}

这将防止图像和图像输入的基线问题。立即解决您的问题。

你知道，更多的人真的应该知道这一点。写一个像QuirksMode一样大的网站的人也不知道这个事实。

Answer 3

有各种方法。

1. 相对于父div的定位，并将绝对位置定位到子项。

2. vertical-align：middle;对于两个输入

Answer 4

嘿，我想你想要这个

选项您只需定义 vertical-align：top;

#text{
    height: 40px;
    vertical-align: top;

}

现场演示http://jsfiddle.net/BEBAH/4/

Answer 5

修改您的CSS，如下所示。

div{
        border: 1px solid black;
        width: 500px;
        height: 50px;
        float:left;
    }
    #text{
        height: 40px;
        top: 0px;
        float:left;
    }