sIFR將單詞移動到兩行中？

Question

有沒有人有任何解釋？我試過在#menu_wrapper ul li上設置寬度無濟於事。

http://i31.tinypic.com/2vskbqu.png http://i31.tinypic.com/2vskbqu.png

Answer 1

sIFR的寬度限制爲您要替換的元素的寬度。如果此元素被浮動，則寬度是HTML文本的實際寬度。如果Flash字體比HTML字體寬，這意味着Flash文本將不符合允許的寬度並分成多行。

可能的解決方案：

• 指定letter-spacing列表項，使得HTML文本的寬度與Flash文本
• 設置forceSingleLine參數sIFR.replace()到true，與有消極的Flash動畫將在初始化時顯示水平調整大小
• 結合這兩種解決方案以獲得更好的初始化性能以及文本永遠不會分裂的安全性

Answer 2

sIFR的計算你把它應用到元件的尺寸。浮動元素是收縮包裝的，只佔用顯示內容所需的寬度。

我建議你給一個id到每臺LIS的，像

li#nav-blog { width:200px; } 

這會給你過多少面積每這些導航列表中的元素佔用更精細的控制，以及對sIFR的更多空間使用。

Answer 3

我的解決辦法：

sIFR.replace(gothic, { 
    wmode: 'transparent', 
    forceSingleLine: true, 
    selector: '.quick-access li h2 a', 
    css: [ 
     '.sIFR-root { background-color: transparent; font-size:24px; color: #abaaab; text-align: center; cursor: pointer;}', 
     'a {background-color: transparent; font-size:24px; color: #abaaab; text-decoration:none; text-align: center; cursor: pointer;}', 
     'a:hover {background-color: transparent; font-size:24px; color: #77b100; text-decoration:none; text-align: center; cursor: pointer;}' 
     ], 
}); 

和CSS：

h2 { 
    font-size: 18px; 
    font-weight: normal; 
} 

h1, h2, h3, h4, h5, h6 { 
    line-height: 1.35; 
    margin: 0 0 5px; 
} 

*{ 
    margin: 0; 
    padding: 0; 
}