in English
ਓਵਰਫਲੋ
ਸਮਗਰੀ ਇੱਕ ਤੱਤ ਨੂੰ ਕਿਵੇਂ ਓਵਰਫਲੋ ਕਰਦੀ ਹੈ ਇਸ ਨੂੰ ਜਲਦੀ ਸੰਰਚਿਤ ਕਰਨ ਲਈ ਇਹਨਾਂ ਸ਼ਾਰਟਹੈਂਡ ਉਪਯੋਗਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ।
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,
),