定位文字输入？

我还没有使用窗体很多，所以林不知道这是怎么回事。我试图定位一个文本输入与按钮内联，但它似乎并没有工作。你可以看到我在这里做什么： http://jsfiddle.net/gagalug/BEBAH/定位文字输入？

谢谢。

2012-04-27 Dragan Marjanovic

尽管JSFiddle对于提供工作示例很有用，但请提供关于StackOverflow的完整问题。 – Quentin 2012-04-27 10:27:45

@Quentin对于一件简单的事情，Just似乎很想写。下次会做。 ;） – 2012-04-27 10:43:22

此行添加到您的风格：

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

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

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

来源

2012-04-27 10:27:50

嗯，这个方法看起来好多了，但我会在中间调整它，因为它更适合我的需求。谢谢。 – 2012-04-27 10:38:53

嘿，我想你想这

选择你刚才定义垂直对齐：首位;

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

}

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

来源

2012-04-27 10:25:10

嘿，非常感谢。也只是想知道你知道它为什么这样做？哈哈谢谢。 – 2012-04-27 10:27:24

坏主意。这是不必要的，并且依赖于太多。 – 2012-04-27 10:28:28

绝对定位是一个相当蛮力的工具，真的不需要解决这个问题。 – Quentin 2012-04-27 10:28:29

添加

input { vertical-align: middle; }

来源

2012-04-27 10:26:56 Quentin

有很多种方法。

定位相对于父div和绝对位置的孩子。
vertical-align：middle;对于两个输入

来源

2012-04-27 10:28:26

感谢垂直对齐作品！ = d – 2012-04-27 10:39:12

修改您的CSS如下。

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

来源

2012-04-27 10:45:34

定位文字输入？

回答

相关问题