尝试从表设计转换为css，并将所有问题排列起来。
尝试从表设计转换为css，并将所有问题排列起来。
提问于 2009-09-28 11:52:49
在“旧时代”，我们可以把所有的东西放入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;
}Stack Overflow用户
回答已采纳
发布于 2009-09-28 12:03:45
将输入字段描述放在标签标签中，并为标签指定固定宽度的样式。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1486655
复制相关文章
相似问题
腾讯云开发者
