李較長的文本，背景寬度問題

Question

Fiddle with Issue

它可以在屏幕下方短觀察到，li用較長的文字有較大的背景，而其他li背景仍然較短。 注意：<ul>是可滾動的。我嘗試了很多CSS屬性，但無法解決問題。

注意：給背景<ul>是不需要的。我需要給個人背景li項目。

Answer 1

如果你想使用white-space:nowrap，並讓他的容器在這種情況下，ul填寫最長的項目的空間，那麼你需要改變block行爲。試試這個：

ul { 
    display:inline-block; 
} 

入住這Demo Fiddle