CSS ਵਿੱਚ ਸੈਟਿੰਗ: ਲਾਈਨ ਵਿੱਥ

CSS ਵਿੱਚ, ਲਾਈਨ ਦੇ ਵਿਚਕਾਰ ਦੂਰੀ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ ਬਹੁਤ ਹੀ ਆਸਾਨ ਹੈ. ਇਸ ਮਕਸਦ ਲਈ ਉਥੇ ਖਾਸ ਮਲਕੀਅਤ ਹੈ. ਪਰ, ਕੋਰਸ ਦਾ, ਉਥੇ ਹੋਰ ਵੀ ਬਹੁਤ ਸਾਰੇ ਪੈਰਾਮੀਟਰ, ਜੋ ਕਿ ਵਿਆਪਕ ਹਨ ਅਤੇ ਪਾਠ ਕਰਨ ਲਈ ਲਾਗੂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ.

ਕੋਈ ਵਿਵਸਥਾ ਕੀਤਾ ਹੈ, ਜੇ, ਤੁਹਾਨੂੰ ਮੂਲ ਮੁੱਲ ਲਈ ਸੈੱਟ ਕਰ ਰਹੇ ਹਨ. ਲੋੜੀਦੀ ਹੈ ਜੇ ਤੁਹਾਨੂੰ ਦੂਰੀ ਤਬਦੀਲ ਕਰ ਸਕਦੇ ਹੋ. ਮੁੱਲ ਇੱਕ ਪ੍ਰਤੀਸ਼ਤਤਾ ਜ ਪਿਕਸਲ ਹੋ ਸਕਦਾ ਹੈ.

ਕਤਾਰ ਕੱਦ

ਲਾਈਨ ਦੇ ਵਿਚਕਾਰ CSS ਦੂਰੀ ਅੱਗੇ ਦਿੱਤਾ ਚਿੱਤਰ ਦੇ ਕੇ ਸਾਬਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ.

ਉਪਰੋਕਤ ਚਿੱਤਰ ਵਿੱਚ ਅਨੁਸਾਰੀ ਦੂਰੀ ਨਾਲ ਪੈਰਾਮੀਟਰ ਲੱਗਦਾ ਹੈ. ਪਾਠ ਨੂੰ ਸਪੇਸ ਫੋਟ-ਆਕਾਰ ਵਿਚ ਹੁੰਦਾ ਹੈ. ਯਾਦ ਰੱਖੋ ਕਿ ਪਾਠ ਨੂੰ ਲਾਈਨ ਅਧਾਰ ਅਤੇ ਥੋੜ੍ਹਾ ਵੱਧ 'ਤੇ ਸ਼ੁਰੂ ਨਹੀ ਕਰਦਾ ਹੈ. ਅੱਖਰ, ਜੋ ਕਿ ਥੱਲੇ ਤੱਤ (g, Y, ਅਤੇ ਇਸ 'ਤੇ) ਹੈ, ਨੂੰ ਹੇਠ ਦਿੱਤਾ ਸਪੇਸ.

ਯਾਦ ਰੱਖੋ ਕਿ ਬਲਾਕ ਫੋਟ-ਆਕਾਰ ਵਿੱਚ ਸਪੇਸ ਦੀ ਅਗਵਾਈ ਕਿਹਾ ਗਿਆ ਹੈ. ਅਤੇ CSS ਨਾਲ ਇਸ ਸੰਪਤੀ ਨੂੰ ਵਿਖਾਈ ਨਹੀ ਕਰਦਾ ਹੈ, ਪਰ ਇਸ ਨੂੰ ਹੋਰ ਗਰਾਫਿਕਸ ਅਤੇ ਪਾਠ ਸੰਪਾਦਕ ਵਿੱਚ ਹੈ. ਮਿਸਾਲ ਲਈ, ਅਡੋਬ ਫੋਟੋਸ਼ਾਪ ਵਿੱਚ.

ਇਹ ਅੰਕੜਾ ਵਿੱਚ ਵੇਖਾਇਆ ਹੈ, ਜਿੱਥੇ ਕਿ "ਫੋਟੋਸ਼ਾਪ" ਵਿੱਚ, ਤੁਹਾਨੂੰ ਮੋਹਰੀ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹੋ ਉਪਰੋਕਤ. ਅਗਲੇ ਨਿਰਧਾਰਿਤ ਫੋਟ-ਅਕਾਰ ਸੈਟਿੰਗ.

ਲਾਈਨ-ਉਚਾਈ ਵਰਤ ਦੇ ਉਦਾਹਰਣ

CSS ਵਿੱਚ, ਲਾਈਨ ਦੇ ਵਿਚਕਾਰ ਦੂਰੀ ਫੀਸਦੀ ਸੈੱਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਇੱਕ ਉਦਾਹਰਣ ਉਦਾਹਰਨ ਹੇਠ ਦਿੱਤਾ ਗਿਆ ਹੈ.

ਆਪਣੀ ਸਾਈਟ ਦੀ ਯੂਜ਼ਰ ਨੂੰ ਦੇ ਛੋਟੇ ਮੁੱਲ ਦੇ ਮਾਮਲੇ ਵਿੱਚ ਪੜ੍ਹਨ ਲਈ ਅਸੁਿਵਧਾਜਨਕ ਹੋ ਜਾਵੇਗਾ.

ਦੂਰੀ ਵੱਖੋ ਅਤੇ ਫੋਟ ਦੇ ਆਕਾਰ ਨੂੰ ਹੋ ਸਕਦਾ ਹੈ. ਜੇ ਇਸ ਦੇ ਮੂਲ ਪੈਰਾਮੀਟਰ ਦੇ ਵਿੱਚ ਅੰਤਰ ਗਿਣਤੀ ਵਿਚ ਬਹੁਤ ਵੱਖਰਾ ਹੈ ਜਾਵੇਗਾ, ਫਰਕ ਵਾਧਾ ਮੋਹਰੀ ਕੇ ਮੁਆਵਜ਼ਾ ਰਿਹਾ ਹੈ.

ਡਿਜ਼ਾਇਨ ਦੀ subtleties

ਲਾਈਨ ਦੇ ਵਿਚਕਾਰ CSS ਦੂਰੀ ਨੂੰ ਹੋਰ ਵੱਖ-ਵੱਖ ਹਾਸ਼ੀਏ ਸੋਧ ਸਕਦੇ ਹੋ. ਇਹ ਅੰਕੜੇ ਵਿਚ ਮਿਸਾਲ 'ਤੇ ਗੌਰ ਕਰੋ.

"ਤੱਤ" ਇਸ ਮਾਮਲੇ ਵਿਚ ਵਿਚ ਪਾਠ ਨੂੰ ਹੋ ਜਾਵੇਗਾ. ਚਿਣਨ - ਚਿਣਨ ਇਕਾਈ ਦੇ ਅੰਦਰ ਹੁੰਦਾ ਹੈ, ਅਤੇ ਹਾਸ਼ੀਏ - ਇਕਾਈ ਦੇ ਹਾਸ਼ੀਏ. ਬਾਰਡਰ - ਇਸ ਫਰੇਮ. ਇਹ 0 ਪਿਕਸਲ ਹੋ ਸਕਦਾ ਹੈ, ਅਤੇ 100 ਹੋ ਸਕਦਾ ਹੈ.

ਹੇਠ ਚਿੱਤਰ ਨੂੰ ਤੁਰੰਤ ਸਭ ਨੂੰ ਮਾਰਜਿਨ, ਫਰੇਮ ਅਤੇ ਪਾਠ ਦੀ ਇੱਕ ਲਾਈਨ ਦੀ ਉਚਾਈ ਦੱਸਦੀ ਹੈ.

ਤੁਹਾਨੂੰ ਇੱਕ ਛੋਟੀ ਟੈਕਸਟ ਨੂੰ, ਸਾਰੇ ਇੱਕ ਸਿੰਗਲ ਲਾਈਨ ਵਿੱਚ, ਜ ਇੱਕ ਵੱਖਰੀ ਪੈਰਾ ਵਿੱਚ ਹਰ ਲਾਈਨ ਹੈ, ਜੇ, ਦੂਰੀ ਦੁਪਹਿਰੇ ਪੈਰੇ ਦੇ ਵਿਚਕਾਰ ਐਡਜਸਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਜੋ ਕਿ maring ਅਤੇ ਇੱਕ ਸੈੱਲ ਵਿੱਚ ਲਾਈਨ ਦਾ ਕੋਈ ਅਸਰ ਪਵੇਗਾ ਵਿਚਕਾਰ ਚਿਣਨ ਹੈ. ਉਹ ਸਿਰਫ ਇਕਾਈ ਦੇ ਕਿਨਾਰੇ 'ਤੇ ਹਾਸ਼ੀਏ ਬਣਾਉਣ. ਉਦੇਸ਼ - ਇਸ ਸਾਰੀ ਪੈਰਾ, ਇਸ ਵਿੱਚ ਲਾਈਨ ਦੀ ਬਜਾਏ. ਇਹ ਉਲਝਣ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਨਾ ਮਹੱਤਵਪੂਰਨ ਹੈ.

ਕੇਸ ਵਿੱਚ, ਜਿੱਥੇ ਕਤਾਰ ਹੈ, ਜਿਸ ਦੀ ਸਭ ਨੇ ਇੱਕੋ ਇਕਾਈ ਵਿੱਚ ਸਥਿਤ ਹਨ ਦੀ ਇੱਕ ਵੱਡੀ ਗਿਣਤੀ ਹੈ, ਫੋਟ ਬੁਨਿਆਦੀ ਪੈਰਾਮੀਟਰ ਤਬਦੀਲ ਕਰਨ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਹੈ.

ਕਿਸ CSS ਦੀ ਤਰਜ਼ ਦੇ ਵਿਚਕਾਰ ਦੂਰੀ ਨੂੰ ਵਧਾਉਣ ਲਈ

ਨੂੰ HTML ਦੀ ਤਰਜ਼ ਵਿਚਕਾਰ ਦੂਰੀ, ਜੇਕਰ ਤੁਹਾਨੂੰ ਕਿਸੇ ਵੀ ਕਲਾਸ ਨੂੰ ਜ ਪਾਠ ਵਿਚ ਸਾਰੇ ਪੈਰੇ ਲਈ ਰਜਿਸਟਰ ਕਰ ਸਕਦੇ ਹਨ. ਪੀ {ਲਾਈਨ-ਉਚਾਈ:: ਤੁਹਾਨੂੰ ਇਸ ਨੂੰ ਪਸੰਦ ਦਿਓ, ਜੇ 20px; } - ਫਿਰ ਬਿਲਕੁਲ ਸਫ਼ੇ 'ਤੇ ਸਭ ਨੂੰ ਪੈਰੇ 20 ਪਿਕਸਲ ਦਾ ਸਤਰ ਹੋ ਜਾਵੇਗਾ. ਤੁਹਾਨੂੰ ਵੱਖ ਵੱਖ ਅਕਾਰ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਸਥਾਨ ਵਿੱਚ ਚਾਹੁੰਦੇ ਹੋ, ਇਸ ਨੂੰ ਹੇਠ ਕੀ ਕਰਨ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਹੈ.

ਸਾਨੂੰ ਸਟਾਈਲ ਦਾ ਨੁਸਖ਼ਾ.

.class1 {ਲਾਈਨ-ਉਚਾਈ: 20px; }

.class2 {ਲਾਈਨ-ਉਚਾਈ: 16px; }

.class3 {ਲਾਈਨ-ਉਚਾਈ: 12px; }

ਸਪਸ਼ਟਤਾ ਲਈ, ਸਾਨੂੰ ਇੱਕ ਫਰੇਮ ਵਿੱਚ ਸ਼ਾਮਿਲ ਹੈ, ਇਸ ਲਈ ਤੁਹਾਨੂੰ ਦੇਖ ਸਕਦੇ ਹੋ, ਜੋ ਕਿ ਇਸ ਨੂੰ ਕੰਮ ਕਰਦਾ ਹੈ. ਭਵਿੱਖ ਵਿੱਚ, ਇਸ ਨੂੰ ਹਟਾ ਦਿੱਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ.

ਅੱਗੇ, ਸਾਨੂੰ ਇਹ ਕਲਾਸ ਨੂੰ ਵਰਤਣ. ਇਸ ਦਾ ਨਤੀਜਾ ਇਸ ਪ੍ਰਕਾਰ ਹੈ.

ਯਾਦ ਰੱਖੋ ਕਿ ਤੀਜੇ ਕੇਸ ਵਿਚ, ਪਹਿਰੇਦਾਰ ਦੇ ਪਾਠ ਨੂੰ ਕੱਢ ਦਿੱਤਾ. ਸਾਰੇ ਕਾਰਨ ਹੈ ਕਿ ਇਸ ਤੱਥ ਨੂੰ ਫੋਟ ਦੇ ਅਕਾਰ ਨੂੰ ਲਾਈਨ ਦੀ ਉਚਾਈ ਵੱਧ ਹੈ. ਇਸ ਲਈ, ਇਸ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਹੈ, ਜੋ ਕਿ ਅਜਿਹੇ ਅਪਵਾਦ ਨਹੀ ਸਨ ਮਹੱਤਵਪੂਰਨ ਹੈ. ਤੁਹਾਨੂੰ ਇੱਕ ਛੋਟੀ ਲਾਈਨ ਉਚਾਈ ਕਰ ਰਹੇ ਹਨ, ਜੇ, ਕ੍ਰਮਵਾਰ, ਫੋਟ ਨੂੰ ਘੱਟ.

ਇਹ ਵੀ ਬਹੁਤ ਥੋੜਾ ਪਾਠ ਅਤੇ ਲਾਈਨ ਦੇ ਵਿਚਕਾਰ ਇੱਕ ਛੋਟੇ ਦੂਰੀ ਨੂੰ ਕੀ ਕਰਨ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਹੈ. ਕਿਉਕਿ ਉਪਭੋਗੀ ਦੇ ਕੋਈ ਵੀ ਇਸ ਨੂੰ ਸਭ ਸਹਿਜ ਨੂੰ ਪੜ੍ਹਨ ਲਈ ਦੇ ਯੋਗ ਨਹੀ ਹੋ. ਉਸ ਨੇ ਤੇਜ਼ੀ ਨਾਲ ਥੱਕ ਨਿਗਾਹ. ਖੋਜ ਇੰਜਣ ਵੀ ਕਹਿੰਦੇ ਹਨ ਕਿ ਪਾਠ ਨੂੰ ਉਪਭੋਗੀ-ਦੋਸਤਾਨਾ ਹੈ.

ਇਲਾਵਾ, ਹਾਲ ਹੀ ਸਾਲ ਵਿੱਚ ਉੱਥੇ ਮੋਬਾਈਲ ਯੂਜ਼ਰ ਲਈ ਸਹੂਲਤ 'ਤੇ ਇੱਕ ਮਜ਼ਬੂਤ ਜ਼ੋਰ ਹੈ. ਉੱਥੇ ਿਸਫ਼ਾਰ ਹਮੇਸ਼ਾ ਕਿਹਾ ਹੈ ਕਿ ਫੋਟ ਦੇ ਅਕਾਰ ਆਮ ਹੈ, ਨਾ ਕਿ ਛੋਟੇ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਖ਼ਾਸ ਕਰਕੇ ਜ਼ੋਰਦਾਰ ਇਸ ਨੂੰ ਹਵਾਲਾ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ. ਆਪਣੇ ਛੋਟੇ ਆਕਾਰ ਦੀ ਨਾਲ ਯੂਜ਼ਰ ਨੂੰ ਸਾਈਟ ਨੇਵੀਗੇਸ਼ਨ ਨੂੰ ਵਰਤਣ ਲਈ ਮੁਸ਼ਕਲ ਹੋ ਜਾਵੇਗਾ.

ਖੋਜ ਇੰਜਣ ਵਿੱਚ "Google" ਇੱਕ ਖਾਸ ਸੰਦ ਹੈ, ਜੋ ਕਿ ਵਿਸ਼ਲੇਸ਼ਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ. ਇਹ webmasters ਲਈ ਬਹੁਤ ਹੀ ਵਧੀਆ ਹੈ.

ਇੱਥੇ ਨਤੀਜੇ ਹੋ ਸਕਦੇ ਹਨ, ਜੋ ਕਿ ਦੀ ਇੱਕ ਉਦਾਹਰਨ ਹੈ.

ਇਹ ਹੈ, ਕਿਉਕਿ ਇਹ ਮਾਪਦੰਡ ਖੋਜ ਦੇ ਨਤੀਜੇ 'ਤੇ ਅਸਰ ਇਹ ਸੁਝਾਅ ਨੂੰ ਵਰਤਣ ਲਈ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਦੀ ਹੈ.