क्या ओवरफ्लो को बाईं ओर प्रवाहित करने के लिए कॉन्फ़िगर किया जा सकता है?

ओवरफ्लो को आमतौर पर सामग्री को दाईं ओर प्रवाहित करने के लिए मजबूर करके नियंत्रित किया जाता है, जिससे सबसे बाईं ओर की सामग्री को क्रॉप किया जाता है। हालाँकि, विशिष्ट सीएसएस शैलियों को लागू करके इस व्यवहार को उलटना संभव है।

समाधान

बाईं ओर अतिप्रवाह सक्षम करने के लिए, दिए गए चरणों का पालन करें:

1. ओवरफ्लो को हिडन पर सेट करें: सामग्री को उसकी सीमाओं से आगे बढ़ने से रोकने के लिए कंटेनर पर ओवरफ्लो: हिडन लागू करें।
2. टेक्स्ट को दाईं ओर संरेखित करें: टेक्स्ट-एलाइन: राइट का उपयोग करें कंटेनर के अंदर टेक्स्ट को दाईं ओर संरेखित करने के लिए।
3. दिशा समायोजित करें: सामग्री के प्रवाह को उलटने के लिए दिशा: आरटीएल लागू करें। यह नई सामग्री को बाईं ओर ओवरफ़्लो करते समय दाईं ओर जोड़ने के लिए बाध्य करेगा।

Example

.container {
  overflow: hidden;
  text-align: right;
  direction: rtl;
}

इन शैलियों को लागू करने से, कंटेनर के भीतर की सामग्री बाईं ओर ओवरफ्लो हो जाएगी, जिससे आप सबसे बाईं ओर के अक्षरों को काटते समय नवीनतम जोड़ देख सकेंगे।

संदर्भ

के लिए अधिक जानकारी के लिए, W3Schools आलेख देखें: http://www.w3schools.com/cssref/pr_text_direction.asp