问尝试从表设计转换为css，并将所有问题排列起来。
EN

Stack Overflow用户

提问于 2009-09-28 11:52:49

回答 1查看 93关注 0票数 0

在“旧时代”，我们可以把所有的东西放入td单元中，所有的东西都排列得很好。有了这个css，我有点迷失在如何做一些事情上。我的问题是，我想拿左边的文字，垫大约50 an在右边，然后使用一个输入标签旁边的文字。不过，我得到的是，输入框甚至不取决于文本的长度。如果我使用表设计，td标记将扩展到最长的文本，然后右边的所有输入都将很好地排列起来。如何使用css实现这一目标？

这是我的html

  <li class="mainForm" id="fieldBox_2">
    <label class="formFieldQuestion">Caption: <input class=mainForm type=text name=field_2 id=field_2 size='30' value=''>
      <a class=info href=#><img src=imgs/tip_small.png border=0><span class=infobox>please enter the</span></a>
    </label>
  </li>

和CSS

#mainForm 
{
    position: relative;
    border: 1px;
    border-style: solid;
    margin: 0 auto;
    text-align: left;
    width: 70%;
    background-color: #ffffff;
}
ul.mainForm
{
    list-style-type: none;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size:15px; 
}
li.mainForm
{
    padding-bottom: 10px;
}

label.formFieldQuestion
{
    line-height:125%;
    padding:0 4px 1px 0;
    border:none;
    display:block;
    font-size:95%;
    font-weight:bold;
}

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2009-09-28 12:03:45

将输入字段描述放在标签标签中，并为标签指定固定宽度的样式。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1486655

复制

相似问题

问尝试从表设计转换为css，并将所有问题排列起来。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问尝试从表设计转换为css，并将所有问题排列起来。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问尝试从表设计转换为css，并将所有问题排列起来。
EN