下一行可以防止 div 的内容向下移动吗?

发布于 2025-01-02 11:39:02 字数 414 浏览 1 评论 0原文

我有一个看起来像这样的div:

<div>
That's <div id="output"></div>
</div>

进入第二个div的innerHTML的“输出”是一个单词,这样主div的内容看起来像其中之一,具体取决于用户选择的选择其他地方:

That's right!            
That's good.           
That's close. 

问题是,我的输出 div 没有在同一行输出。所以它看起来像这样

That's               
right!

我怎样才能使“输出”的内容始终与主div的其他内容在同一行?

I have a div that looks like this:

<div>
That's <div id="output"></div>
</div>

The "output" that is going into the innerHTML of that 2nd div is a single word, such that the contents of the main div looks like one of these, depending on what choices the user has selected elsewhere:

That's right!            
That's good.           
That's close. 

The problem is, my output div is not outputting on the same line. So it looks like this

That's               
right!

How can I make the contents of "output" always be on the same line as the other contents of the main div?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

镜花水月 2025-01-09 11:39:02

div 是块元素而不是内联元素。您想使用跨度,所以使用

<span id="output"></span>

div is a block element rather than inline. You want to use a span instead so use

<span id="output"></span>
风吹短裙飘 2025-01-09 11:39:02

Div 是块元素,请使用 span。或者使用 float: left 设置 div 样式

A Div is a block element, use a span instead. Or style your divs with float: left

愚人国度 2025-01-09 11:39:02
<div>
That's <div id="output" style="display:inline"></div>
</div>
<div>
That's <div id="output" style="display:inline"></div>
</div>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文