CSS ਅਤੇ HTML ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸਕ੍ਰੋਲਿੰਗ ਟੈਕਸਟ ਨਾਲ ਇੱਕ ਬਾਕਸ ਬਣਾਓ
ਇੱਕ ਐਚ ਵੀ ਸਕਲ ਬਕਸੇ ਇੱਕ ਬਾਕਸ ਹੈ ਜੋ ਸਕਰੋਲ ਬਾਰ ਨੂੰ ਸੱਜੇ ਪਾਸੇ ਅਤੇ ਥੱਲੇ ਨਾਲ ਜੋੜਦਾ ਹੈ ਜਦੋਂ ਬਾਕਸ ਦੀ ਸਮਗਰੀ ਬਾਕਸ ਮਾਪ ਤੋਂ ਵੱਡਾ ਹੁੰਦੀ ਹੈ. ਦੂਜੇ ਸ਼ਬਦਾਂ ਵਿਚ, ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਇਕ ਬਾਕਸ ਹੈ ਜਿਸ ਵਿਚ 50 ਸ਼ਬਦ ਹੋ ਸਕਦੇ ਹਨ, ਅਤੇ ਤੁਹਾਡੇ ਕੋਲ 200 ਸ਼ਬਦ ਹਨ, ਤਾਂ ਇਕ ਐਚਟੀਵੀਓ ਸਕੋਲਨ ਬੌਕਸ ਤੁਹਾਨੂੰ 150 ਸ਼ਬਦ ਵਾਧੂ ਦਿਖਾਉਣ ਲਈ ਸਕਾਲ ਬਾਰ ਲਗਾਏਗਾ. ਮਿਆਰੀ HTML ਵਿੱਚ ਜੋ ਬਕਸੇ ਦੇ ਬਾਹਰਲੇ ਪਾਠਾਂ ਨੂੰ ਬਾਹਰੀ ਤੌਰ ਤੇ ਧੱਕੇਗਾ.
HTML ਸਕਰੋਲ ਬਣਾਉਣਾ ਬੜੀ ਆਸਾਨ ਹੈ. ਤੁਸੀ ਕੇਵਲ ਉਸ ਤੱਤ ਦੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਨੂੰ ਸੈਟ ਕਰਨ ਦੀ ਲੋੜ ਹੈ ਜਿਸਨੂੰ ਤੁਸੀਂ ਸਕ੍ਰੋਲ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਫਿਰ CSS ਓਵਰਫਲੋ ਸੰਪਤੀ ਦਾ ਉਪਯੋਗ ਕਰਕੇ ਇਹ ਨਿਰਧਾਰਿਤ ਕਰਨ ਲਈ ਕਿ ਤੁਸੀਂ ਸਕ੍ਰੋਲਿੰਗ ਕਿਵੇਂ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ
ਵਾਧੂ ਪਾਠ ਨਾਲ ਕੀ ਕਰਨਾ ਹੈ?
ਜਦੋਂ ਤੁਹਾਡੇ ਲੇਆਉਟ 'ਤੇ ਸਪੇਸ ਵਿੱਚ ਫਿੱਟ ਹੋਣ ਨਾਲੋਂ ਵੱਧ ਪਾਠ ਹੁੰਦੇ ਹਨ, ਤੁਹਾਡੇ ਕੋਲ ਕੁਝ ਚੋਣਾਂ ਹਨ:
- ਪਾਠ ਨੂੰ ਦੁਬਾਰਾ ਲਿਖੋ ਤਾਂ ਜੋ ਇਹ ਛੋਟਾ ਹੋਵੇ ਅਤੇ ਫਿਟ ਹੋਵੇ.
- ਟੈਕਸਟ ਨੂੰ ਸੀਮਾ ਤੋਂ ਪਾਰ ਜਾਣ ਦੀ ਆਗਿਆ ਦਿਓ ਅਤੇ ਉਮੀਦ ਕਰੋ ਕਿ ਲੇਆਉਟ ਇਸਦਾ ਸਮਰਥਨ ਕਰਨ ਲਈ ਫਲੈੱਕ ਕਰ ਸਕਦਾ ਹੈ.
- ਪਾਠ ਨੂੰ ਕੱਟੋ ਜਿੱਥੇ ਇਹ ਵੱਧਦਾ ਹੈ
- ਸਕਰੋਲ ਬਾਰ (ਆਮ ਤੌਰ ਤੇ ਪਾਠ ਲਈ ਵਰਟੀਕਲ) ਜੋੜੋ ਤਾਂ ਜੋ ਸਪੇਸ ਸਕ੍ਰੌਲ ਵਾਧੂ ਟੈਕਸਟ ਦਿਖਾ ਸਕੀਏ.
ਸਭ ਤੋਂ ਵਧੀਆ ਵਿਕਲਪ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਆਖਰੀ ਚੋਣ ਹੈ: ਇੱਕ ਸਕ੍ਰੋਲਿੰਗ ਟੈਕਸਟ ਬੌਕਸ ਬਣਾਉ. ਫਿਰ ਵਾਧੂ ਪਾਠ ਅਜੇ ਵੀ ਪੜ੍ਹਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਪਰ ਤੁਹਾਡੇ ਡਿਜ਼ਾਇਨ ਨਾਲ ਸਮਝੌਤਾ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਹੈ.
ਇਸ ਲਈ HTML ਅਤੇ CSS ਹੋਵੇਗਾ:
ਓਵਰਫਲੋ: ਆਟੋ; ਬ੍ਰਾਉਜ਼ਰ ਨੂੰ ਸਕ੍ਰੌਲ ਬਾਰਜ਼ ਨੂੰ ਜੋੜਨ ਲਈ ਕਹਿੰਦਾ ਹੈ ਜੇਕਰ ਉਹ ਪਾਠ ਨੂੰ ਡੀਵੀ ਦੀ ਹੱਦਾਂ ਨੂੰ ਭਰ ਕੇ ਰੱਖਣ ਲਈ ਜ਼ਰੂਰੀ ਹਨ. ਪਰ ਇਸ ਨੂੰ ਕੰਮ ਕਰਨ ਲਈ ਕ੍ਰਮ ਵਿੱਚ, ਤੁਹਾਨੂੰ ਵਿਜੇ ਤੇ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਸ਼ੈਲੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਤਾਂ ਜੋ ਓਵਰਫਲੋ ਦੀ ਹੱਦਾਂ ਵਧਾਈਆਂ ਜਾਣ.
ਤੁਸੀਂ ਓਵਰਫਲੋ ਬਦਲ ਕੇ ਪਾਠ ਨੂੰ ਕੱਟ ਵੀ ਕਰ ਸਕਦੇ ਹੋ: ਆਟੋ; ਓਵਰਫਲੋ: ਲੁਕਿਆ;. ਜੇ ਤੁਸੀਂ ਓਵਰਫਲੋ ਪ੍ਰਾਪਰਟੀ ਨੂੰ ਛੱਡ ਦਿੰਦੇ ਹੋ, ਤਾਂ ਪਾਠ ਡਿਵ ਦੇ ਸੀਮਾਵਾਂ ਤੇ ਫੈਲ ਜਾਵੇਗਾ.
ਤੁਸੀਂ ਕੇਵਲ ਸਕਰਿਪਟ ਤੋਂ ਇਲਾਵਾ ਹੋਰ ਸਕਰੋਲ ਬਾਰ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹੋ
ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਵੱਡੀ ਤਸਵੀਰ ਹੈ ਜੋ ਤੁਸੀਂ ਕਿਸੇ ਛੋਟੀ ਜਗਾਹ ਵਿਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤੁਸੀਂ ਟੈਕਸਟ ਦੇ ਨਾਲ ਉਸੇ ਤਰ੍ਹਾਂ ਸਕ੍ਰਲ ਬਾਰ ਲਗਵਾ ਸਕਦੇ ਹੋ
ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, 400x509 ਚਿੱਤਰ 300x300 ਪੈਰਾ ਦੇ ਅੰਦਰ ਹੈ.
ਟੇਬਲ ਸਕਰੋਲ ਬਾਰਾਂ ਤੋਂ ਲਾਭ ਲੈ ਸਕਦੇ ਹਨ
ਜਾਣਕਾਰੀ ਦੀ ਲੰਬੀਆਂ ਸਾਰਣੀਆਂ ਬਹੁਤ ਤੇਜ਼ੀ ਨਾਲ ਪੜ੍ਹਨ ਵਿੱਚ ਬਹੁਤ ਮੁਸ਼ਕਿਲ ਹੋ ਸਕਦੀਆਂ ਹਨ, ਪਰ ਉਹਨਾਂ ਨੂੰ ਸੀਮਤ ਅਕਾਰ ਦੇ ਇੱਕ ਡੀਵੀਏ ਵਿੱਚ ਪਾ ਕੇ ਅਤੇ ਫਿਰ ਓਵਰਫਲੋ ਪ੍ਰਾਪਰਟੀ ਨੂੰ ਜੋੜ ਕੇ, ਤੁਸੀਂ ਬਹੁਤ ਸਾਰੇ ਡਾਟੇ ਨਾਲ ਟੇਬਲ ਬਣਾ ਸਕਦੇ ਹੋ ਜੋ ਤੁਹਾਡੇ ਪੰਨੇ ਤੇ ਅਤਿਅੰਤ ਜਗ੍ਹਾ ਨਹੀਂ ਲੈਂਦੇ .
ਸਭ ਤੋਂ ਆਸਾਨ ਤਰੀਕਾ ਕੇਵਲ ਚਿੱਤਰਾਂ ਅਤੇ ਪਾਠਾਂ ਨਾਲ ਹੁੰਦਾ ਹੈ, ਸਿਰਫ ਸਾਰਣੀ ਦੁਆਲੇ ਇੱਕ ਡੀਵੀ ਜੋੜੋ, ਉਸ ਡੀਵੀ ਦੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਸੈਟ ਕਰੋ, ਅਤੇ ਓਵਰਫਲੋ ਪ੍ਰੋਪਰਟੀਜ਼ ਨੂੰ ਜੋੜੋ:
| ਨਾਮ | ਫੋਨ | 502-5366 .... ਇੱਕ ਅਜਿਹਾ ਚੀਜ ਜੋ ਵਾਪਰਦਾ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਇਹ ਕਰਦੇ ਹੋ ਇੱਕ ਲੇਟਵੀ ਸਕਰੋਲ ਬਾਰ ਆਮ ਤੌਰ 'ਤੇ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ ਕਿਉਂਕਿ ਬ੍ਰਾਊਜ਼ਰ ਇਹ ਮੰਨਦਾ ਹੈ ਕਿ ਸਕ੍ਰੌਲ ਬਾਰ ਦੇ ਕਰੋਮ ਸਾਰਣੀ ਨੂੰ ਇਕ ਦੂਜੇ ਦੇ ਉੱਤੇ ਘੁੰਮ ਰਿਹਾ ਹੈ. ਇਸ ਨੂੰ ਸਾਰਣੀ ਦੀ ਚੌੜਾਈ ਅਤੇ ਦੂੱਜੇ ਤੋਂ ਬਦਲਣ ਦੇ ਕਈ ਤਰੀਕੇ ਹਨ. ਪਰ ਮੇਰਾ ਮਨਪਸੰਦ ਇਹ ਹੈ ਕਿ ਬਸ ਸੀ ਐੱਸ 3 ਦੀ ਜਾਇਦਾਦ ਓਵਰਫਲੋ-ਐਕਸ ਦੇ ਨਾਲ ਖਿਤਿਜੀ ਸਕਰੋਲਿੰਗ ਨੂੰ ਬੰਦ ਕਰ ਦਿੱਤਾ ਜਾਵੇ. ਸਿਰਫ਼ ਓਵਰਫਲੋ-ਐਕਸ ਸ਼ਾਮਿਲ ਕਰੋ: ਲੁਕਿਆ ਹੋਇਆ; ਡਿਵੀ ਲਈ, ਅਤੇ ਇਹ ਹਰੀਜ਼ੱਟਲ ਸਕਰੋਲ ਬਾਰ ਨੂੰ ਹਟਾ ਦੇਵੇਗਾ. ਇਸਦੀ ਜਾਂਚ ਕਰਨਾ ਯਕੀਨੀ ਬਣਾਓ, ਕਿਉਂਕਿ ਸਮਗਰੀ ਖਤਮ ਹੋ ਸਕਦੀ ਹੈ. ਫਾਇਰਫਾਕਸ ਓਵਰਫਲੋ ਲਈ TBODY ਟੈਗਸ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨ ਲਈ ਸਹਾਇਕ ਹੈਫਾਇਰਫਾਕਸ ਬਰਾਊਜ਼ਰ ਦਾ ਇਕ ਬਹੁਤ ਹੀ ਵਧੀਆ ਫੀਚਰ ਇਹ ਹੈ ਕਿ ਤੁਸੀਂ ਅੰਦਰਲੀ ਟੇਬਲ ਟੈਗਾਂ ਜਿਵੇਂ ਕਿ ਟਾਇਡੀ ਅਤੇ ਥਿਡ ਜਾਂ ਟੂਟ ਫੁੱਟ ਉੱਤੇ ਓਵਰਫਲੋ ਪ੍ਰੋਪਰਟੀ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ. ਇਸ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਤੁਸੀਂ ਟੇਬਲ ਸੰਖੇਪਾਂ ਤੇ ਸਕ੍ਰੋਲ ਬਾਰ ਲਗਾ ਸਕਦੇ ਹੋ, ਅਤੇ ਹੈਡਰ ਸੈੱਲ ਉਨ੍ਹਾਂ ਦੇ ਉਪਰੋਕਤ ਲੰਗਰ ਛੱਕਦੇ ਹਨ. ਇਹ ਸਿਰਫ ਫਾਇਰਫਾਕਸ ਵਿੱਚ ਕੰਮ ਕਰਦਾ ਹੈ, ਜੋ ਕਿ ਬਹੁਤ ਮਾੜਾ ਹੈ, ਪਰ ਇਹ ਇੱਕ ਵਧੀਆ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ ਜੇਕਰ ਤੁਹਾਡੇ ਪਾਠਕ ਕੇਵਲ ਫਾਇਰਫਾਕਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ. ਇਹ ਵੇਖਣ ਲਈ ਫਾਇਰਫਾਕਸ ਵਿਚ ਇਸ ਉਦਾਹਰਨ ਨੂੰ ਵੇਖੋ, ਕਿ ਮੈਂ ਕੀ ਕਹਾਂ. <ਸਾਰਣੀ = "ਚੌੜਾਈ: 300 ਪੈਕਸ;"> ਨਾਂ | ਫੋਨ | ਜੈਨੀਫ਼ਰ | 502-5366 ...
| |
|---|