CSS，用文字填充所有div寬度

如何自動改變字母之間的空格。我希望文字佔據整個div的寬度。文字不是靜態的。（總是在變化的文字，可以是123" 或‘文本文本’...）CSS，用文字填充所有div寬度

<style type="text/css"> 
    #menu{ 
     width: 200px; 
     background-color: #000; 
     color: #336699; 
     font-size: 16px; 
     letter-spacing: 100%; 
    } 
    </style> 
<body> 
<div id="menu"> 
    tekstas 
</div>

來源

2010-12-02 lolalola

對JamWaffles沒有不敬的含義，但是，嚴肅地說，（最初）不正確的答案，甚至沒有接近解決方案的答案都會被接受，並且會得到5點讚賞！ Sheesh ... – 2010-12-04 15:32:50

編輯：不幸的是這隻改變字間距，不信間距沒有辦法做到字距在CSS可能CSS3，但是

這是很容易與text-align: justify CSS屬性來完成：。

#menu 
{ 
     width: 200px; 
     background-color: #000; 
     color: #336699; 
     font-size: 16px; 
     text-align: justify; 
}

來源

2010-12-02 11:00:19 Bojangles

證明照顧字間距不是字母間距 – ArK 2010-12-02 11:02:20

哎呀！我很抱歉。我對我的回覆有一些匆忙> slap < – Bojangles 2010-12-02 11:04:31

還有爲n純粹用CSS做這件事的方法。 letter-spacing屬性不佔用百分比值。 text-align: justify將不起作用，因爲它隻影響單詞之間的空格，而不是字距，而且它也只適用於其他行後面的那些行文本。

你可以嘗試使用JS來做到這一點，通過計算特定的div中的字符數然後計算字符之間所需的空間，以便填充寬度，但是這種解決方案僅適用於單間隔字體（所有字符具有相同寬度的字體）。

來源

2010-12-02 11:00:52

-2

這是一個解決方案不適用於所有人，但事實證明，爲我解決問題：如果您顯示的標題文本的數量很少，您可以在每個單詞「L ikethis」。

對於我的特殊設計，這看起來很好，當然它允許align: justify在div中完全實現它的魔力。

來源

2015-02-26 14:16:09

CSS，用文字填充所有div寬度

回答

相關問題