將<button>標籤放入<span>標籤是正確的放置方式

我有要求，我需要在一個框中顯示文本和按鈕。我把按鈕標籤跨度內具有文本和按鈕將<button>標籤放入<span>標籤是正確的放置方式

inside span tag 
    +-------------------+ 
    | text here   | 
    |     |  
    | <button> tag here | 
    +-------------------+

我的問題是具有內部跨度按鈕正確的方法。作爲剛剛學會跨度內聯元素，它只能有文本，圖像等。

What is the difference between HTML tags <div> and <span>?

來源

2013-11-28 pappu_kutty

我有箱子的列表，我有切換按鈕，像邀請/忽略功能爲每個人箱子 –

您不能放置塊（或任何內聯元素），但按鈕是一個內聯元素，可以放在一個跨度內，所以是的，如果您正在查找包含文本和另一個內聯元素的內聯元素，則這是正確的方法。 – adeneo

當然使用CSS可以呈現跨度爲一個塊元素，或者即使是一個inline-block的是你需要的。注意：某些瀏覽器不支持inline-block的（是IE瀏覽器，我看你）

.yourSpanClass { 
    display: block; 
} 

.yourSpanClass { 
    display: inline-block; 
}

雖然，我會建議您只需使用一個div如果你有機會到HTML。

支持的瀏覽器：http://caniuse.com/inline-block

來源

2013-11-28 13:36:44

按鈕元素確實呈現爲內聯。這只是一個例子，如果他需要渲染跨度作爲塊元素。 –

IE支持內聯塊元素，但只能與塊元素一起使用。使用內聯元素，您需要css hack： display：inline-block; * display：inline; zoom：1; – Andy1210

不知道那個黑客。謝謝！ –

刪除按鈕。使用CSS/jQuery使跨度成爲一個按鈕。不要忘記風格：懸停和使用JS/jQ做預期的動作

來源

2013-11-28 13:51:51 MayTheSchwartzBeWithYou

語義都混淆在這裏，跨度是跨度 - 一個按鈕是一個按鈕。 –

說誰？他需要一個按鈕內的跨度 – MayTheSchwartzBeWithYou

'使用CSS/jQuery使跨度成爲一個按鈕'。以模仿其他元素的方式來設計和定義元素是一個壞主意。如果跨度需要是一個按鈕 - 它應該是一個按鈕元素。我可以設計一個模擬H1的跨度，並不意味着它應該是。遵守語義是一種痛苦 - 但它是值得的。輔助功能之一 - 如果視覺障礙用戶能夠與元素進行交互，如果該元素類型通常僅用於靜態內容，該如何實現？ –

將<button>標籤放入<span>標籤是正確的放置方式

回答

相關問題