ಸಿಎಸ್ಎಸ್ ಬಳಸಿ ಒಂದು ಟೇಬಲ್ ಸೆಂಟರ್ ಒಂದು ಸರಳ ಮಾರ್ಗ

ಕೋಡ್ನ ಒಂದು ಸಾಲು ನೀವು ಎಲ್ಲವನ್ನೂ ಮೇಜಿನ ಮಧ್ಯದಲ್ಲಿ ಇಡಬೇಕು

ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ (CSS) ಎಂಬುದು HTML ಮತ್ತು XHTML ನಲ್ಲಿ ಬರೆಯಲಾದ ವೆಬ್ ಪುಟಗಳ ದೃಶ್ಯ ಶೈಲಿಯನ್ನು ಹೊಂದಿಸಲು ಹೆಚ್ಚಾಗಿ ಬಳಸಲಾಗುವ ಶೈಲಿಯ ಹಾಳೆ ಭಾಷೆಯಾಗಿದೆ. ನೀವು ವೆಬ್ ವಿನ್ಯಾಸ ಅಥವಾ ಸಿಎಸ್ಎಸ್ಗೆ ಹೊಸಬರಾಗಿರಬಹುದು ಮತ್ತು ವೆಬ್ ಪುಟದಲ್ಲಿ ಮೇಜಿನ ಮಧ್ಯಭಾಗವನ್ನು ಹೇಗೆ ಹೊಂದಬೇಕು ಎಂಬುದರ ಕುರಿತು ಪ್ರಶ್ನೆಗಳನ್ನು ಹೊಂದಿರಬಹುದು. ನೀವು ಈ ತಂತ್ರವನ್ನು ಹೇಗೆ ನಿರ್ವಹಿಸಬೇಕು ಎಂಬುದರ ಬಗ್ಗೆ ಗೊಂದಲಕ್ಕೊಳಗಾದ ಒಬ್ಬ ಅನುಭವಿ ಡಿಸೈನರ್ ಆಗಿರಬಹುದು, ಇದರಿಂದ ಕೇಂದ್ರದ ಟ್ಯಾಗ್ ಮತ್ತು align = "center" ಗುಣಲಕ್ಷಣವನ್ನು ಟೇಬಲ್ ಟ್ಯಾಗ್ನಲ್ಲಿ ಅಸಮ್ಮತಿಸಲಾಗಿದೆ. ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ ವೆಬ್ ಪುಟದಲ್ಲಿ ಕೋಷ್ಟಕಗಳನ್ನು ಕೇಂದ್ರೀಕರಿಸುವುದು ಕಷ್ಟಕರವಲ್ಲ.

ಸೆಂಟರ್ಗೆ ಟೇಬಲ್ಗೆ ಸಿಎಸ್ಎಸ್ ಬಳಸಿ

ಎಲ್ಲಾ ಕೋಷ್ಟಕಗಳನ್ನು ಸಮತಲವಾಗಿರುವಂತೆ ಕೇಂದ್ರೀಕರಿಸಲು ನೀವು ನಿಮ್ಮ ಸಿಎಸ್ಎಸ್ ಸ್ಟೈಲ್ ಶೀಟ್ಗೆ ಒಂದೇ ಸಾಲನ್ನು ಸೇರಿಸಬಹುದು:

ಟೇಬಲ್ {margin: auto; }

ಅಥವಾ ನೀವು ನೇರವಾಗಿ ನಿಮ್ಮ ಟೇಬಲ್ಗೆ ಅದೇ ಸಾಲನ್ನು ಸೇರಿಸಬಹುದು:

ನೀವು ಒಂದು ವೆಬ್ ಪುಟದಲ್ಲಿ ಒಂದು ಟೇಬಲ್ ಇರಿಸಿ, ನೀವು ಅದನ್ನು ಬ್ಲಾಕ್-ಲೆವೆಲ್ ಎಲಿಮೆಂಟ್ನೊಳಗೆ ಇಟ್ಟುಕೊಳ್ಳುತ್ತೀರಿ ಉದಾಹರಣೆಗೆ BODY, P, BLOCKQUOTE, ಅಥವಾ DIV. ಅಂಚು ಬಳಸಿ ಸ್ವಯಂ ಟೇಬಲ್ ಅನ್ನು ಆ ಅಂಶದೊಳಗೆ ಕೇಂದ್ರೀಕರಿಸಬಹುದು: auto; ಶೈಲಿ. ಟೇಬಲ್ನ ಎಲ್ಲಾ ಕಡೆಗಳಲ್ಲಿ ಅಂಚುಗಳನ್ನು ಸಮಾನವಾಗಿ ಮಾಡಲು ವೆಬ್ ಬ್ರೌಸರ್ನ ಮಧ್ಯಭಾಗದಲ್ಲಿ ಸ್ಥಾನಪಲ್ಲಟ ಮಾಡಲು ಇದು ಬ್ರೌಸರ್ಗೆ ಹೇಳುತ್ತದೆ.

ಕೆಲವು ಹಳೆಯ ವೆಬ್ ಬ್ರೌಸರ್ಗಳು ಈ ವಿಧಾನವನ್ನು ಬೆಂಬಲಿಸುವುದಿಲ್ಲ

ನಿಮ್ಮ ಸೈಟ್ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ 6 ನಂತಹ ಹಳೆಯ ವೆಬ್ ಬ್ರೌಸರ್ ಅನ್ನು ಬೆಂಬಲಿಸಿದರೆ, ನಂತರ ನೀವು ನಿಮ್ಮ ಕೋಷ್ಟಕಗಳನ್ನು ಮಧ್ಯೆ ಇರಿಸಲು align = "center" ಅಥವಾ CENTER ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸಬೇಕಾಗಿರುತ್ತದೆ. ನಿಮ್ಮ ಕೋಷ್ಟಕಗಳನ್ನು ವೆಬ್ ಪುಟದಲ್ಲಿ ಕೇಂದ್ರೀಕರಿಸುವಾಗ ನೀವು ಎದುರಾದ ಏಕೈಕ ಸಮಸ್ಯೆಯಾಗಿದೆ. ಈ ವಿಧಾನವನ್ನು ಬಳಸುವುದು ಸುಲಭ ಮತ್ತು ನಿಮಿಷಗಳ ವಿಷಯದಲ್ಲಿ ಕಾರ್ಯಗತಗೊಳಿಸಬಹುದು.