字段集左右的CSS

我有一个表格，我需要表现出这样的信息：字段集左右的CSS

您的姓名您的地址您的电子邮件您的密码提交

现在，我得到这样的：

<fieldset class="left"> 
    <input type="text" id="name" placeholder="Your Name*"/> 

    <input type="email" id="email" size="50" placeholder="Your Email*"/> 

</fieldset> 
<fieldset class="right"> 
    <input type="text" id="tel" size="50" placeholder="Your address*"/> 

    <input type="text" id="cel" size="50" placeholder="Your password*"/> 
    <input type="submit" value="Submit"/> 
</fieldset>

我的类：

.left{float:left;} 
.right{float:right;}

但它不起作用...

任何想法？

而且演示：http://jsfiddle.net/Nu5fG/

来源

2014-01-11 lucasvm1980

太宽的字段 –

“它不起作用”没有指定您的问题。请说明一下你的问题，以便我们确信我们明白你想要达到的目标，你尝试了什么，以及你是如何失败的。 –

Hello Lajos，我已经在我的帖子中添加了演示，所以你可以看到它现在是如何工作的...所以我不知道你的意思是：“请在展示你的问题时展示一些努力”我认为它是清楚，我想在左侧显示一个字段，右侧显示其他字段.... – lucasvm1980

它与你的输入字段的“大小”的设置做。将它们全部更改为20，然后按照自己的意愿进行操作。

上面的评论是最低限度的帮助，让我看看我能否给你一些实质性的东西。

在这种情况下，我不认为表布局是一件坏事。数据是“种类”表格。
您将不得不扩大您的页面，或将输入元素缩小到可能的最小尺寸。
你真的需要两组字段集吗？
你可以用小字体逃脱吗？弹出窗口中的字段是？

来源

2014-01-11 03:11:09 TimSPQR

字段集左右的CSS

回答

相关问题