CSS ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਇੱਕ ਟੇਬਲ ਨੂੰ ਸਧਾਰਣ ਤਰੀਕਾ

ਟੇਬਲ ਨੂੰ ਕੇਂਦਰ ਕਰਨ ਲਈ ਤੁਹਾਨੂੰ ਇਕ ਲਾਈਨ ਆਫ ਕੋਡ ਦੀ ਜ਼ਰੂਰਤ ਹੈ

ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ (ਸੀਐਸਐਸ) ਇੱਕ ਸਟਾਈਲ ਸ਼ੀਟ ਭਾਸ਼ਾ ਹੈ ਜਿਸਦਾ ਇਸਤੇਮਾਲ ਅਕਸਰ HTML ਅਤੇ XHTML ਵਿੱਚ ਲਿਖਿਆ ਵੈਬ ਪੇਜਾਂ ਦੀ ਵਿਜ਼ੂਅਲ ਸਟਾਈਲ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ. ਤੁਸੀਂ ਵੈਬ ਡਿਜ਼ਾਇਨ ਜਾਂ CSS ਲਈ ਨਵੇਂ ਹੋ ਸਕਦੇ ਹੋ ਅਤੇ ਇੱਕ ਵੈਬ ਪੇਜ ਤੇ ਟੇਬਲ ਨੂੰ ਕਿਵੇਂ ਕੇਂਦਰਿਤ ਕਰਨਾ ਹੈ ਬਾਰੇ ਤੁਸੀਂ ਕੋਈ ਸਵਾਲ ਪੁੱਛ ਸਕਦੇ ਹੋ. ਤੁਸੀਂ ਇੱਕ ਤਜਰਬੇਕਾਰ ਡਿਜ਼ਾਇਨਰ ਵੀ ਹੋ ਸਕਦੇ ਹੋ ਜੋ ਇਸ ਤਕਨੀਕ ਨੂੰ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ ਇਸ ਬਾਰੇ ਉਲਝਣ ਹੈ ਕਿ ਸੈਂਟਰ ਟੈਗ ਅਤੇ align = "center" ਗੁਣ ਨੂੰ ਟੇਬਲ ਟੈਗ ਵਿੱਚ ਛੱਡਿਆ ਗਿਆ ਹੈ. CSS ਦੇ ਨਾਲ, ਕਿਸੇ ਵੈਬ ਪੇਜ 'ਤੇ ਸੈਂਟਰਿੰਗ ਟੇਬਲ ਬਿਲਕੁਲ ਮੁਸ਼ਕਿਲ ਨਹੀਂ ਹੁੰਦਾ.

ਸੈਂਟਰ ਏ ਟੇਬਲ ਨੂੰ CSS ਵਰਤੋਂ

ਤੁਸੀਂ ਆਪਣੇ CSS ਸ਼ੈਲੀ ਸ਼ੀਟ ਵਿੱਚ ਇਕੋ ਲਾਈਨ ਨੂੰ ਖਿਤਿਜੀ ਰੂਪ ਵਿੱਚ ਸਾਰੇ ਟੇਬਲਾਂ ਤੇ ਕੇਂਦਰਿਤ ਕਰਨ ਲਈ ਜੋੜ ਸਕਦੇ ਹੋ:

ਸਾਰਣੀ {ਹਾਸ਼ੀਆ: ਆਟੋ; }

ਜਾਂ ਤੁਸੀਂ ਉਸੇ ਸਾਰਣੀ ਨੂੰ ਸਿੱਧਾ ਆਪਣੀ ਸਾਰਣੀ ਵਿੱਚ ਜੋੜ ਸਕਦੇ ਹੋ:

<ਸਾਰਣੀ ਸ਼ੈਲੀ = "ਹਾਸ਼ੀਆ: ਆਟੋ;">

ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਵੈਬ ਪੇਜ ਵਿੱਚ ਇੱਕ ਟੇਬਲ ਰਖਦੇ ਹੋ, ਤੁਸੀਂ ਇਸਨੂੰ ਬਲਾਕ-ਪੱਧਰ ਦੇ ਤੱਤ ਜਿਵੇਂ ਕਿ BODY, P, BLOCKQUOTE, ਜਾਂ DIV ਵਿੱਚ ਰੱਖ ਰਹੇ ਹੋ. ਤੁਸੀਂ ਹਾਸ਼ੀਏ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਉਸ ਤੱਤ ਦੇ ਅੰਦਰ ਸਾਰਣੀ ਨੂੰ ਕੇਂਦਰਿਤ ਕਰ ਸਕਦੇ ਹੋ : ਆਟੋ; ਸ਼ੈਲੀ ਇਹ ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਸਾਰਣੀ ਦੇ ਸਾਰੇ ਪਾਸਿਆਂ ਤੇ ਹਾਸ਼ੀਆ ਬਣਾਉਣ ਲਈ ਦੱਸਦਾ ਹੈ, ਜੋ ਕਿ ਵੈੱਬ ਪੰਨੇ ਦੇ ਕੇਂਦਰ ਵਿੱਚ ਟੇਬਲ ਰੱਖਦੀ ਹੈ.

ਕੁਝ ਪੁਰਾਣੇ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਇਸ ਢੰਗ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੇ

ਜੇ ਤੁਹਾਡੀ ਸਾਈਟ ਨੂੰ ਇਕ ਪੁਰਾਣੇ ਵੈਬ ਬ੍ਰਾਊਜ਼ਰ ਦਾ ਸਮਰਥਨ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਇੰਟਰਨੈਟ ਐਕਸਪਲੋਰਰ 6, ਤਾਂ ਤੁਹਾਨੂੰ ਅਲਾਗਾਨ = "ਸੈਂਟਰ" ਜਾਂ ਸੇਂਟਰ ਟੈਗ ਨੂੰ ਆਪਣੇ ਟੇਬਲਾਂ ਨੂੰ ਕੇਂਦਰਿਤ ਕਰਨਾ ਜਾਰੀ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ. ਇਹ ਇਕੋ ਜਿਹੀ ਗੁੰਝਲਦਾਰ ਹੈ ਜਿਸ ਬਾਰੇ ਤੁਸੀਂ ਇਕ ਵੈੱਬ ਪੇਜ਼ ' ਇਸ ਤਕਨੀਕ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸੌਖਾ ਹੈ ਅਤੇ ਕੁਝ ਮਿੰਟਾਂ ਵਿੱਚ ਹੀ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ.