html – 如何在CSS中的字段上方的每个字段的标签并排获取两个表单字段？

概述我被困在找出一些CSS,我需要一些我的形式看起来像以下, 我试过我可以想到的每一个变化, 我给了标签一个固定的宽度并将它们悬挂在左边,然后给出输入相同的宽度并将它们悬空. 我都是出于想法,我该怎么实现呢？ <form> <label for="company"> <span>Company Name</span> <input type="text" id="company" 我被困在找出一些CSS,我需要一些我的形式看起来像以下,

我试过我可以想到的每一个变化,

我给了标签一个固定的宽度并将它们悬挂在左边,然后给出输入相同的宽度并将它们悬空.

我都是出于想法,我该怎么实现呢？

解决方法

<form>  <label for="company">    <span>Company name</span>    <input type="text" ID="company" />  </label>  <label for="contact">    <span>Contact name</span>    <input type="text" ID="contact" />  </label></form>label { wIDth: 200px; float: left; margin: 0 20px 0 0; }span { display: block; margin: 0 0 3px; Font-size: 1.2em; Font-weight: bold; }input { wIDth: 200px; border: 1px solID #000; padding: 5px; }

说明为http://jsfiddle.net/H3y8j/

总结

以上是内存溢出为你收集整理的html – 如何在CSS中的字段上方的每个字段的标签并排获取两个表单字段？全部内容，希望文章能够帮你解决html – 如何在CSS中的字段上方的每个字段的标签并排获取两个表单字段？所遇到的程序开发问题。

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