html - 如何在不发生换行的情况下将按钮放入文本中？

Question

我想在这样的文本中放置一个按钮:

some text1 [button] some text2.

但是，如果我放置表单和输入，那么在我的按钮前后会出现换行符，如下所示:

some text1
[button]
some text2

我知道我可以用表格做到这一点，但我想避免它。是否有任何基于 CSS 的解决方案来执行此操作？不幸的是，我不能修改 HTML 代码，所以我必须在生成的 HTML(由其他软件完成)中“注入(inject)”那个小表单语句(输入类型提交，以及一些隐藏的输入标签)，所以它会是很难重新格式化它，使用表格等。

将表单/输入标签放在包含在“p”标签之间的文本中是否合法？

提前致谢。

Answer 1

CSS 解决方案是 white-space:nowrap。用具有该规则的 span 标签包装它。例如，假设您的 css 文件中有此规则:

.nowrap {
    white-space:nowrap
}

你可以用这个 html 来做:

<span class="nowrap">some text1 <button>test</button> some text2</span>