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

标签 html css forms button

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

some text1 [button] some text2.

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

some text1
[button]
some text2

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

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

提前致谢。

最佳答案

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

.nowrap {
    white-space:nowrap
}

你可以用这个 html 来做:

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

关于html - 如何在不发生换行的情况下将按钮放入文本中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7770639/

相关文章:

javascript - 迭代表单中除一个元素之外的所有元素

javascript - 你能用 HTML5 <canvas> 做等距透视吗?

html - 如何将 html 5 Canvas 的背景图像设置为 .png 图像

javascript - 出现错误 - 未捕获( promise 中)DOMException : play() failed because the user didn't interact with the document first

css - 想要创建具有多个 ="multiple"属性的选择框

html - 在 margin-left/right auto 子 div 边距没有响应之后

php - fwrite 的 777 权限是否危险?

javascript - IE8 中的前景透明度

jquery - 如何更改所有 jQuery Mobile 文本的默认字体

Jquery的submit()函数不起作用