ਓਵਰਫਲੋ

ਸਮਗਰੀ ਇੱਕ ਤੱਤ ਨੂੰ ਕਿਵੇਂ ਓਵਰਫਲੋ ਕਰਦੀ ਹੈ ਇਸ ਨੂੰ ਜਲਦੀ ਸੰਰਚਿਤ ਕਰਨ ਲਈ ਇਹਨਾਂ ਸ਼ਾਰਟਹੈਂਡ ਉਪਯੋਗਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ।

overflowਚਾਰ ਪੂਰਵ-ਨਿਰਧਾਰਤ ਮੁੱਲਾਂ ਅਤੇ ਕਲਾਸਾਂ ਦੇ ਨਾਲ ਫਲਾਈ 'ਤੇ ਸੰਪੱਤੀ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰੋ । ਇਹ ਕਲਾਸਾਂ ਮੂਲ ਰੂਪ ਵਿੱਚ ਜਵਾਬਦੇਹ ਨਹੀਂ ਹਨ।

.overflow-autoਇਹ ਸੈੱਟ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਦੇ ਮਾਪਾਂ ਦੇ ਨਾਲ ਇੱਕ ਤੱਤ 'ਤੇ ਵਰਤਣ ਦੀ ਇੱਕ ਉਦਾਹਰਨ ਹੈ । ਡਿਜ਼ਾਈਨ ਦੁਆਰਾ, ਇਹ ਸਮੱਗਰੀ ਲੰਬਕਾਰੀ ਤੌਰ 'ਤੇ ਸਕ੍ਰੋਲ ਕਰੇਗੀ।

.overflow-hiddenਇਹ ਸੈੱਟ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਦੇ ਮਾਪਾਂ ਦੇ ਨਾਲ ਇੱਕ ਤੱਤ 'ਤੇ ਵਰਤਣ ਦੀ ਇੱਕ ਉਦਾਹਰਨ ਹੈ ।

.overflow-visibleਇਹ ਸੈੱਟ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਦੇ ਮਾਪਾਂ ਦੇ ਨਾਲ ਇੱਕ ਤੱਤ 'ਤੇ ਵਰਤਣ ਦੀ ਇੱਕ ਉਦਾਹਰਨ ਹੈ ।

.overflow-scrollਇਹ ਸੈੱਟ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਦੇ ਮਾਪਾਂ ਦੇ ਨਾਲ ਇੱਕ ਤੱਤ 'ਤੇ ਵਰਤਣ ਦੀ ਇੱਕ ਉਦਾਹਰਨ ਹੈ ।

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

Sass ਵੇਰੀਏਬਲ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, ਤੁਸੀਂ $overflowsਵੇਰੀਏਬਲ ਨੂੰ ਵਿੱਚ ਬਦਲ ਕੇ ਓਵਰਫਲੋ ਉਪਯੋਗਤਾਵਾਂ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰ ਸਕਦੇ ਹੋ _variables.scss।

ਸੱਸ

ਉਪਯੋਗਤਾ API

ਓਵਰਫਲੋ ਉਪਯੋਗਤਾਵਾਂ ਨੂੰ ਸਾਡੀਆਂ ਉਪਯੋਗਤਾਵਾਂ API ਵਿੱਚ ਘੋਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ scss/_utilities.scss। ਯੂਟਿਲਿਟੀਜ਼ API ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ ਬਾਰੇ ਜਾਣੋ।

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),