CSS中的行和字母間距

我一直在與一個項目設計師合作。這位設計師傷心地生病了，正在醫院裏。我正在設計並將其轉換爲HTML/CSS。在離開之前，設計師給了我一些關於一些文字的信息。對於文字，我被告知：CSS中的行和字母間距

字體：宋體，跟蹤/字母間距：72，領導/線距：21

我知道CSS我可以創建一個類此信息。舉例來說，我可以做

.myClass { 
    font-family:Arial; 
    letter-spacing:72; 
}

我有兩個問題，雖然我無法弄清楚

謝謝！

2011-03-21 user70192

你可以嘗試不同的單位，如em，px，pt或％。 – 2011-03-21 09:04:27

我發佈了真實的 - 沒有猜謎遊戲 - 回答以下跟蹤。 – 2013-11-05 18:38:41

你在正確的軌道上，你只需要加上單位。這聽起來像72默認是正常的72倍 - 這是一個巨大的空間。在胡亂猜測，你可能想嘗試的字母間距百分比，並且像素的行間距，就像這樣：

.myClass { 
    font-family: 'Arial', sans-serif; 
    letter-spacing: 1.72; 
    line-height: 21px; 
}

在我看來，使用其他任何比%及以上px將導致unsensible值。但是，如果這是不正確的，那就和單位玩，甚至是價值觀。你有沒有看到網頁應該引導你的圖像？

2011-03-21 09:02:29

字母間距的百分比值不被允許。 – StefanMK 2013-11-06 12:44:15

也沒有單位價值 – sam 2015-02-13 22:19:24

領導是

.myclass {line-height: 21px}

的line-height可以有單位，比如像素或EM，沒有單位，這是你看到它的ususal方式使用 - 它的字體大小，以便例如百分比如果字體大小：是10px的和你指定的2線高線高度爲20像素

2011-03-21 09:02:04 clairesuzy

更好的是使用「em」作爲單位。

以下您的間距總是相對於您的字體大小。

但是要回答你的問題，我同意Sam Starling和clairesuzy。

2011-03-21 09:04:03 ChrisBenyamin

您應該向設計師詢問他們在簡報中提及的單位。其他一切都只是猜測。然後值得研究如何在CSS中實現該單元。

2011-03-21 09:05:27 Unicron

@Unicorn，提問者說他們不能問設計師。他們需要幫助進行投機。 – 2011-03-27 06:37:44

你需要其他單位的建議。如果你有一個PSD你可以從那裏解決。

就我個人而言，我得到一些設計，我無法獲得單位大小，通常是因爲文本是光柵或我得到一個平坦的JPEG或什麼。在這些情況下，我使用螢火蟲和pixel perfect。這將設計疊加到我正在構建的網站上，並且可以相應地調整CSS。

2011-03-21 09:07:10 lnrbob

在Photoshop中的跟蹤值實際上在千分之幾的ems; Photoshop並沒有向設計師指出這一點。所以72 =（72/1000）em = 0.072em。這將給你真正的像素完美，讓你的設計師唱讚歌。

領先是簡單的像素。

2013-11-05 18:35:17

回答