html – 如果包含它的div,我如何制作文本标签？

概述我有一个表单输入,旁边有一个标签,如下所示： <div id="loginbox"> <form> <div> <span>Username</span> <input type="text"> </div> <div> <span>Password</span> 我有一个表单输入,旁边有一个标签,如下所示：

<div ID="loginBox">    <form>        <div>            <span>Username</span>            <input type="text">        </div>        <div>            <span>Password</span>            <input type="password">        </div>        <div>            <input type="submit" value="Login">        </div>    </form></div>

然后我有一些CSS设置登录框和span字段的宽度,如下所示：

#loginBox {    border: 1px solID black;    wIDth: 300px;}#loginBox span {    display: inline-block;    wIDth: 80px;    text-align: right;}

这是这段代码的Jsfiddle：

http://jsfiddle.net/7TNNq/

注意输入框如何不跨越div的整个长度.如何让它完全展开？

解决方法 见： http://jsfiddle.net/thirtydot/tgGLv/

CSS：

#loginBox {    border: 1px solID black;    wIDth: 300px;}#loginBox label {    float: left;    wIDth: 80px;}#loginBox span {    display: block;    overflow: hIDden;    padding: 0 4px 0 0;}#loginBox span input {    wIDth: 100%;}

HTML：

<div ID="loginBox">    <form>        <div>            <label>Username</label>            <span><input type="text"></span>        </div>        <div>            <label>Password</label>            <span><input type="password"></span>        </div>        <div>            <input type="submit" value="Login">        </div>    </form></div>

总结

以上是内存溢出为你收集整理的html – 如果包含它的div,我如何制作文本标签？全部内容，希望文章能够帮你解决html – 如果包含它的div,我如何制作文本标签？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。