javascript - 位置相对div环绕输入框

标签 javascript jquery html css

一点警告:我刚开始使用 css 和 js/html。

我正在尝试使用包装器来包装文本框。据我了解,没有明确尺寸的 div 包装其内容(高度/宽度:自动)。我正在使用 jquery 用标签包装器包装元素元素。我希望它能包裹整个输入框(考虑到输入框在 div 中,我相信它应该如此),但它似乎并不像想要的那么简单...

出于某种原因,即使使用 Chrome JS 控制台,我也无法在设置后更改包装器的属性。因此,即使进入并手动将包装器 div 的高度设置为 40 也不会改变任何东西。

这是迄今为止每个人都在要求的 fiddle - 这个问题没有更多内容。我只是想让 div 包装输入,但事实并非如此。

http://jsfiddle.net/5vBz4/

据我所知,我的输入样式也不冲突:

input.floatlabel {
    font-family: Helvetica;
    font-weight: 100;
    font-size: 15px;
    height: 40px;
    width: 40%;
    text-align: center;
}

这就是我目前所拥有的,以及结果。

最佳答案

据我了解,您想要:

.wrapper {
    display: block;
}

enter image description here

Fiddle

关于javascript - 位置相对div环绕输入框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23622367/

相关文章:

javascript - 使用预制字符串进行文本替换,并使用 javascript 在 html 中使用按钮

javascript - GETJson 传递两个参数给服务器

php - Jquery slider 面板闪烁

javascript - window.setInterval() 的 dojo.hitch() 范围

远程模式 RoR 中的 jQuery UI 自动完成

javascript - 呈现为文本内容的内联脚本

HTML/CSS - 获取文本以覆盖图像时遇到问题

html - 如何仅使用标记和 CSS 在两列中打印 html 列表?

javascript - jQuery Flot 不透明度取决于值

javascript - 如果没有标签,如何使 Select 元素可访问?