【发布时间】:2011-08-20 19:00:42
【问题描述】:
我想更改 html 标记。我想将<dl> 更改为<div> 标记,并将标签和元素 一起包装在<div> 标记中,以便我可以对它们应用浮动。
目前我的元素输出如下所示:
<fieldset id="fieldset-languages">
<legend>Languages</legend>
<dl>
<dt id="lang1-label">
<label for="lang1" class="optional">Language</label>
</dt>
<dd id="lang1-element">
<select name="lang1" id="lang1" class="input-select">
<option value="0" label="English">English</option>
<option value="1" label="French">French</option>
</select>
</dd>
<dt id="lang2-label">
<label for="lang1" class="optional">Language</label>
</dt>
<dd id="lang2-element">
<select name="lang2" id="lang2" class="input-select">
<option value="0" label="German">German</option>
<option value="1" label="Spanish">Spanish</option>
</select>
</dd>
</dl>
</fieldset>
我想把它改成这个……
<fieldset id="fieldset-languages">
<legend>Languages</legend>
<div>
<div>
<p id="lang1-label">
<label for="lang1" class="optional">Language</label>
</p>
<p id="lang1-element">
<select name="lang1" id="lang1" class="input-select">
<option value="0" label="English">English</option>
<option value="1" label="French">French</option>
</select>
</p>
</div>
<div>
<p id="lang2-label">
<label for="lang1" class="optional">Language</label>
</p>
<p id="lang2-element">
<select name="lang2" id="lang2" class="input-select">
<option value="0" label="German">German</option>
<option value="1" label="Spanish">Spanish</option>
</select>
</p>
</div>
</div>
</fieldset>
我已经发现我可以使用 Html 装饰器将 dt/dd 更改为 <p> 标签 - 但不能将标签和元素包装在 div 中。
【问题讨论】: