2013-12-15 12 views
15

मैं इस वेबकिट लाइन क्लैंप का उपयोग करता हूं, यह क्रोम में काम करता है, लेकिन फ़ायरफ़ॉक्स में नहीं। निम्नलिखित कोड है:वेबकिट लाइन क्लैंपिंग फ़ायरफ़ॉक्स में क्यों काम नहीं करती है?

{ 
overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 4; /* number of lines to show */ 
line-height: X;  /* fallback */ 
max-height: X*4;  /* fallback */ 
} 

मुझे इसे फ़ायरफ़ॉक्स पर भी कैसे काम करना चाहिए?

+14

क्योंकि फ़ायरफ़ॉक्स वेबकिट का उपयोग नहीं करता है ...? – BoltClock

+0

हाँ, मैंने देखा। मैं सिर्फ एक ही समारोह को लागू करने का एक और तरीका चाहता था। इसे अब पा लिया है। धन्यवाद। – uklp

उत्तर

18

आप नहीं कर सकते। -webkit-line-clamp उन ब्राउज़रों के लिए है जो वेबकिट का उपयोग करते हैं। फ़ायरफ़ॉक्स gecko पर चलता है और विक्रेता के उपसर्ग का उपयोग करता है: -moz-

आप रुचि रखते हैं - आप my answer here पर एक नज़र ले सकता है: एक line-clamp with fade-out fallback fiddle जो गैर वेबकिट ब्राउज़रों के लिए एक फीका-बाहर प्रभाव वैकल्पिक हल (अंडाकार के बजाय) कहते हैं।

+3

यह अभी भी फ़ायरफ़ॉक्स पर काम नहीं करेगा क्योंकि यह * -webkit-line-clamp * का समर्थन नहीं करता है। –

+0

यह फ़ायरफ़ॉक्स आदमी में काम करता है। –

+0

फ़ायरफ़ॉक्स पर काम नहीं कर रहा है ... @ MarcosPérezGude –

संबंधित मुद्दे