Html dl元素的宽度
我正在修改phpbb轮询显示。这是打开“结果显示”时我当前的html代码:Html dl元素的宽度,html,css,phpbb,Html,Css,Phpbb,我正在修改phpbb轮询显示。这是打开“结果显示”时我当前的html代码: <div class="content"> <h2>Question</h2> <p class="author">bla bla <strong>אחת</strong></p> <dl class=""> <dt><l
<div class="content">
<h2>Question</h2>
<p class="author">bla bla <strong>אחת</strong></p>
<dl class="">
<dt><label for="vote_1">option1</label></dt>
<dd style="width: auto;"><input type="radio" name="vote_id[]" id="vote_1" value="1" /></dd><dd class="resultbar"><div class="pollbar" style="width:77%">10</div></dd>
<dd>77%</dd>
</dl>
<dl class="">
<dt><label for="vote_2">Option 2</label></dt>
<dd style="width: auto;"><input type="radio" name="vote_id[]" id="vote_2" value="2" /></dd><dd class="resultbar"><div class="pollbar" style="width:23%">3</div></dd>
<dd>23%</dd>
</dl>
<dl class="">
<dt><label for="vote_3">Option 3</label></dt>
<dd style="width: auto;"><input type="radio" name="vote_id[]" id="vote_3" value="3" /></dd><dd class="resultbar"><div class="pollbar" style="width:0%">0</div></dd>
<dd>No votes</dd>
</dl>
<dl>
<dt> </dt>
<dd class="resultbar">Total : 13</dd>
</dl>
<dl style="border-top: none;">
<dt> </dt>
<dd class="resultbar"><input type="submit" name="update" value="submit" class="button1" /></dd>
</dl>
</div>
<span class="corners-bottom"><span></span></span></div>
<input type="hidden" name="creation_time" value="1326810654" />
问题:
选择1
10
77%
选择2
3.
23%
选择3
0
无票
总数:13
问题是:在phpbb中,元素与“content”div的宽度相同,因此它们逐行显示。但是,在我的代码中,元素的宽度为0(宽度0的确切含义是什么?在屏幕上,它们的宽度大于0),并且所有-s都显示在同一行中
我查看了css文件,但据我所知,没有什么不同。这里的相关财产是什么?将css文件中的“宽度”样式选项设置为100%和“继承”无效。该代码看起来像是表格数据的奇怪表示(应该使用
元素来表示),其目的可能是为了使用css,但不知怎的,相关的css代码丢失了
如果没有CSS,每个dt
和dd
元素都在自己的一行上呈现,因为这是HTML中的默认呈现
百分比宽度大概是用作百分比的图形表示,因此例如73%对应于73%宽的块。但是,如果没有一些CSS使块(例如边框或背景色)可见,则无法看到这一点。由于明显的原因,这个想法失败了,例如0%
如果没有更多的上下文,包括CSS的应用,很难说得更多。你说得对。这个问题是由CSS中的“display:inline”引起的。