正确的CSS以某种顺序显示html表单元素？

问题描述：

<input type="checkbox" ID="RecquireFacebookInvitesCB" />Require 
    <select> 
    {section name=foo start=5 loop=50 step=1} 
     <option value="{$smarty.section.foo.index}">{$smarty.section.foo.index}</option> 
    {/section} 
    </select> 
    this many Facebook invites before entering sweepstakes

enter image description here 正确的CSS以某种顺序显示html表单元素？

我有产生两个表单元素和显示在我的屏幕截图一些文字上的HTML（使用Smarty的PHP格式标记）。我想使这个显示为：

[CHECKBOX] Require [SELECTION LIST] Facebook invites before entering sweepstakes

我有我自己对如何实现这一想法，但我想知道最好的办法是什么。谢谢！

在屏幕截图，选择列表是第一，而在显示要选择列表是第三？（1）把它放在div中，改变标记顺序，向左浮动。（2）把它放在div中，相对位置，并且每个项目的位置绝对为 – Jawad 2011-05-21 17:46:25

@ JAA149，我尝试过 - 但是将每个元素的位置绝对放置在相对定位的div内似乎会使所有元素重叠在一起。 – 2011-05-21 17:57:35

是什么给？订单已经在那里！检查某个CSS代码是否影响订单。 – Jawad 2011-05-21 18:22:30

答

试着改变你的代码如下：

<input type="checkbox" ID="RecquireFacebookInvitesCB" /><label for="RecquireFacebookInvitesCB">Require</label> 
<select> 
{section name=foo start=5 loop=50 step=1} 
    <option value="{$smarty.section.foo.index}">{$smarty.section.foo.index}</option> 
{/section} 
</select> 
this many Facebook invites before entering sweepstakes

正确的CSS？不是HTML！ – Jawad 2011-05-21 17:49:22

正确的CSS以某种顺序显示html表单元素？

相关推荐