ಸ್ಥಿರ ಅಗಲ ಲೇಔಟ್ ಹೊಂದಿರುವ ಸೆಂಟರ್ಗೆ ಡಾಕ್ಯುಮೆಂಟ್ಗೆ ಸಿಎಸ್ಎಸ್ ಬಳಸಿ

ಸ್ಥಿರ ಅಗಲ ಚೌಕಟ್ಟಿನಲ್ಲಿ ಕೆಲವು ಜನಪ್ರಿಯ ಬ್ರೌಸರ್ಗಳೊಂದಿಗೆ ಸೆಂಟರ್ಗೆ ಕಠಿಣವಾಗಬಹುದು, ಆದರೆ ಕೋಡ್ನ ಕೆಲವು ಸಾಲುಗಳೊಂದಿಗೆ ಅದು ಸಾಧ್ಯ.

ಇಲ್ಲಿ ಹೇಗೆ

1. ನಿಮ್ಮ HTML ಸಂಪಾದಕದಲ್ಲಿ ಒಂದು ಸಿಎಸ್ಎಸ್ ಸ್ಟೈಲ್ಶೀಟ್ನೊಂದಿಗೆ ಹೊಸ ವೆಬ್ ಪುಟವನ್ನು ರಚಿಸಿ.
2. ನೀವು ಎಲ್ಲವನ್ನೂ ಪುಟದಲ್ಲಿ ಸಂಗ್ರಹಿಸುವ ಪುಟದ ಮುಖ್ಯ ಅಂಶವಾಗಿ DIV ಅಂಶವನ್ನು ರಚಿಸಿ.
3. ಆ ಪುಟದ DIV ಅಂಶವು ಒಂದು ID ಯನ್ನು ನೀಡಿ ಅದು ಅನನ್ಯವಾಗಿದೆ.
4. ನಿಮ್ಮ CSS ಶೈಲಿ ಹಾಳೆ ತೆರೆಯಿರಿ ಮತ್ತು ನಿಮ್ಮ DIV ಅಂಶದ ಅಗಲವನ್ನು ಹೊಂದಿಸಿ. div # main {width: 750px; }
5. ನಿಮ್ಮ ವಿಭಾಗವನ್ನು ಮಧ್ಯಕ್ಕೆ ಸ್ವಯಂಚಾಲಿತ ಅಂಚುಗಳನ್ನು ಸೇರಿಸಿ. div # main {width: 750px; ಅಂಚು-ಎಡ: ಸ್ವಯಂ; ಅಂಚು-ಬಲ: ಸ್ವಯಂ}
6. ನೆಟ್ಸ್ಕೇಪ್ 4 ಗಾಗಿ ಅದನ್ನು ಸರಿಪಡಿಸಲು ಮತ್ತು ಐಇ 4 - 6 ( ಕ್ವಿರ್ಕ್ ಮೋಡ್ ) ದೇಹದಲ್ಲಿ ಪಠ್ಯ-ಸಂಯೋಜನೆಯನ್ನು ಸೇರಿಸಿ. ದೇಹ {text-align: center; }
7. ಆದರೆ ಎಲ್ಲಾ ಪಠ್ಯದ ಒಳಗೆ ಕೇಂದ್ರಿತವಾಗಿದೆ, ಆದ್ದರಿಂದ ಪಠ್ಯ # align ಅನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ನಿಮ್ಮ # ಮೀನ್ ಡಿವಿಯಲ್ಲಿನ ಪಠ್ಯವನ್ನು ಮರು-ಸಂಯೋಜಿಸಿ: ಎಡ; ಅದರಲ್ಲಿ. div # main {width: 750px; ಅಂಚು-ಎಡ: ಸ್ವಯಂ; ಅಂಚು-ಬಲ: ಸ್ವಯಂ; text-align: left; }
8. ನಿಮ್ಮ ಪುಟ ಮತ್ತು ನಿಮ್ಮ ಸ್ಟೈಲ್ ಹಾಳೆಯನ್ನು ಉಳಿಸಿ.
9. ಹಲವಾರು ವೆಬ್ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಪರೀಕ್ಷಿಸಿ.

ಸಲಹೆ

ಇದು ಲೇಔಟ್ ಪೆಟ್ಟಿಗೆಯನ್ನು ಕೇಂದ್ರೀಕರಿಸುತ್ತದೆ ಆದರೆ ಅದರೊಳಗಿನ ವಿಷಯವಲ್ಲ. ಆಂತರಿಕ ವಿಷಯದ ಮಧ್ಯಕ್ಕೆ ಪಠ್ಯ-ಹೊಂದಾಣಿಕೆ ಅನ್ನು ಬಳಸಿ.