如何在沒有換行符的情況下在文本中放置按鈕？

我想提出一個按鈕，裏面的文字像這樣的：如何在沒有換行符的情況下在文本中放置按鈕？

some text1 
[button] 
some text2

我知道：

some text1 [button] some text2.

但是，如果我把形式&輸入，線路中斷前，我的按鈕這樣的後occures我可以用表格做到這一點，但我想避免它。有沒有基於CSS的解決方案來做到這一點？不幸的是，我不能修改HTML代碼，所以我必須在生成的HTML中（通過其他軟件完成）「注入」那些小表單語句（輸入類型提交，以及一些隱藏的輸入標籤），所以它會很難重新格式化，使用表格等。

將表單/輸入標籤放在「p」標籤之間的文本中是否合法？

在此先感謝。

來源

2011-10-14 LGB

您是否嘗試過給按鈕，然後一類爲類提供一個'顯示：

.nowrap { white-space:nowrap }

你可以用這個網站做：內聯;'在你的CSS？ – Teak

如果我正確理解你的問題，你正在注入一個表單，其中包含一個按鈕到一些文本和form標記導致文本換行（form是一個塊級元素）。這是一個簡單的解決與CSS：

HTML：

some text <form><button>test</button></form> some text

CSS：

form 
{ 
    display:inline; 
}

如果你不想做出改變毯的所有表單元素，只需將注入的表單分配爲CSS類：

HTML：

some text <form class="inlineForm"><button>test</button></form> some text

CSS：

.inlineForm 
{ 
    display:inline; 
}

備選：

你也可以直接添加到display:inline表單標籤：

some text <form style="display:inline"><button>test</button></form> some text

他重的a working jsFiddle.

來源

2011-10-14 16:29:42

您應該添加style="display:inline"到窗體標籤

hello <form style="display:inline"><input type="hidden" value="blah"/><input type="submit" /></form>world

給

hello [button] world

來源

2011-10-14 16:29:45

試着讓你的文字中所有塊 - 內聯。

這樣的：

<form style="display: inline">

如果您的表格後的div，讓他們在線也

來源

2011-10-14 16:29:55 pleerock

CSS的解決方案是white-space:nowrap。用該規則用span標籤包裝它。例如，假設你有這樣的規則在你的CSS文件：

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

來源

2011-10-14 16:32:47 Donamite

如何在沒有換行符的情況下在文本中放置按鈕？

回答

相關問題