CSS：如何使一個範圍只與其內容一樣寬

我正在使用下面的代碼片段來追加一個範圍到另一個到目前爲止工作正常。父跨度的內容是一個名稱的onyl，沒有爲任何跨度定義寬度。CSS：如何使一個範圍只與其內容一樣寬

我的問題是，我追加的跨度總是被放置在一個新的行，而不是直接在父跨度後面。我該怎麼做，它出現在父跨度相同的行，即直接在它後面？

我的功能（工作）：

function myFunction() 
{ 
    var parentID = someID; 
    var statusID = 'status' + parentID; 

    $('<span/>', { 
    id: statusID 
    }).addClass('active').appendTo('#'+parentID); 
}

例父跨度：

<span class="user" id="someID"><strong>Last Name, First Name</strong></span>

的任何幫助，非常感謝，蒂姆

來源

2013-12-12 user2571510

默認情況下，跨度只與其內容一樣寬。請提供更多與此相關的代碼（css）。 –

看看Firebug中的跨度，看看它們是否沒有「display：block」風格。 – rishta

當然你有其他的東西影響它 - 使用你提供的代碼它的作品如何描述它http://jsfiddle.net/8HW98/1/ –

默認情況下，每每個元素的內容都要佔用更大的空間，所以你不需要爲此編寫任何代碼在，只需刪除替換元素的默認width的任何代碼即可。

你想實現什麼？

我得到的唯一問題是，你的父元素比它應該佔用的空間更寬。我的意思是，父母獲得更多空間，所以孩子會在實際地點下面劃一條線。像給父母元素一個有限的空間，如

.parent { 
    max-width: someval; 
} 

.child { 
    width: auto; 
}

還有一件事，你如何執行你的功能？

來源

2013-12-12 19:39:09

CSS：如何使一個範圍只與其內容一樣寬

回答

相關問題