使用以下HTML代码:
<font face="verdana" size="3" color="#666666"><div id="result" Downloads></div></font>
我可以从计数器中获取要显示的下载次数,即&#34;结果&#34;,但无法获得单词&#34;下载&#34;遵循同一条路线。如果我将</div>
放在柜台后面,那么&#34;下载&#34;显示在下一行。不知何故,</div>
似乎是<br>
命令?
完成后,目标是显示以下内容:
36下载
答案 0 :(得分:3)
您需要将包含该数字的“结果”元素与“下载”一词分开。我也转而使用<span>
,因为默认情况下它与后面的内容位于同一行。
示例:
document.getElementById("result").innerText = "12345";
<div>
<span id="result"></span> Downloads
</div>
答案 1 :(得分:1)
div标签设置为display:block;在CSS中,如果你想要两个div并排显示,你需要更改为display:inline-block;或使用float或flexbox属性。
答案 2 :(得分:1)
看起来你没有正确关闭div,你可以尝试一下吗?
<font face="verdana" size="3" color="#666666"><div id="result"> Downloads</div></font>
答案 3 :(得分:1)
下载处于错误的位置。这应该如何:
<font face="verdana" size="3" color="#666666"><div id="result"> Downloads</div></font>
答案 4 :(得分:0)
感谢所有的评论,答案。我粘贴了所有这些,点击计数器并重新加载页面后,它们的行为也各不相同。我能够使用以下方法获得所需的结果:
<font face="verdana" size="3" color="#666666"><span id="result"></span> Downloads</font>