HTML ಮತ್ತು CSS ನೊಂದಿಗೆ DIV ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಕೇಂದ್ರೀಕರಿಸುವುದು ಹೇಗೆ ಎಂದು ತಿಳಿಯಿರಿ

ಹೇಗೆ ಎಂದು ತಿಳಿಯಲು ನೀವು ಬಯಸುವಿರಾ DIV ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಕೇಂದ್ರೀಕರಿಸಿ? DIV ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಕೇಂದ್ರೀಕರಿಸುವುದು ನಿಮ್ಮ ವೆಬ್ ಪುಟದ ನೋಟ ಮತ್ತು ಸಂಘಟನೆಯನ್ನು ಸುಧಾರಿಸಲು ಮತ್ತು ನೀವು ಪ್ರದರ್ಶಿಸಲು ಬಯಸುವ ಚಿತ್ರವನ್ನು ಹೈಲೈಟ್ ಮಾಡಲು ಉಪಯುಕ್ತವಾಗಿದೆ. DIV ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಕೇಂದ್ರೀಕರಿಸಿ ಕಷ್ಟವಲ್ಲ, ಆದರೆ ಇದು ಚಿತ್ರದ ಪ್ರಕಾರ, DIV ಗಾತ್ರ, DIV ಶೈಲಿ, ಇತ್ಯಾದಿಗಳಂತಹ ಹಲವಾರು ಅಂಶಗಳನ್ನು ಅವಲಂಬಿಸಿರುತ್ತದೆ.

ಈ ಲೇಖನದಲ್ಲಿ ನಾವು ವಿವರಿಸುತ್ತೇವೆ HTML ಮತ್ತು CSS ಬಳಸಿಕೊಂಡು DIV ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಕೇಂದ್ರೀಕರಿಸುವುದು ಹೇಗೆ, ವೆಬ್ ಪುಟಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ವಿನ್ಯಾಸಗೊಳಿಸಲು ಬಳಸುವ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು. ನಾವು ನಿಮಗೆ ಹಲವಾರು ವಿಧಾನಗಳು ಮತ್ತು ಉದಾಹರಣೆಗಳನ್ನು ತೋರಿಸಲಿದ್ದೇವೆ ಇದರಿಂದ ನಿಮಗೆ ಸೂಕ್ತವಾದದನ್ನು ನೀವು ಆಯ್ಕೆ ಮಾಡಬಹುದು.

DIV ಎಂದರೇನು

ಡಿವ್ ಎನ್ನುವುದು HTML ಅಂಶವಾಗಿದ್ದು ಅದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ ವೆಬ್ ಪುಟದಲ್ಲಿ ವಿಭಾಗಗಳು ಅಥವಾ ಧಾರಕಗಳನ್ನು ರಚಿಸಿ. ಇದು ಪಠ್ಯ, ಚಿತ್ರಗಳು, ಲಿಂಕ್‌ಗಳು ಇತ್ಯಾದಿಗಳಂತಹ ಇತರ ಅಂಶಗಳನ್ನು ಒಳಗೊಂಡಿರಬಹುದು. ಇದು ಒಂದು ಬ್ಲಾಕ್ ಅಂಶವಾಗಿದೆ, ಅಂದರೆ ಇದು ಪುಟದ ಸಂಪೂರ್ಣ ಅಗಲವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ಅದು ನೀವು ಅದರ ಎತ್ತರ ಮತ್ತು ಅಗಲವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಬಹುದು. ಡಿವ್ ಒಂದು ಸಾಮಾನ್ಯ ಅಂಶವಾಗಿದೆ, ಅಂದರೆ ಇದು ಯಾವುದೇ ನಿರ್ದಿಷ್ಟ ಶಬ್ದಾರ್ಥದ ಅರ್ಥವನ್ನು ಹೊಂದಿಲ್ಲ. ಈ ಕಾರಣಕ್ಕಾಗಿ, ಇದನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ವರ್ಗ ಅಥವಾ ಐಡಿ ಗುಣಲಕ್ಷಣಗಳೊಂದಿಗೆ ಡಿವ್‌ಗೆ ಹೆಸರು ಅಥವಾ ವರ್ಗವನ್ನು ನೀಡಲು ಬಳಸಲಾಗುತ್ತದೆ. ಜೊತೆಗೆ ಇದನ್ನು ಹೆಚ್ಚಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ ಶೈಲಿ ಗುಣಲಕ್ಷಣ ಅಥವಾ CSS ಶೈಲಿಯ ಹಾಳೆಗಳೊಂದಿಗೆ, div ಗೆ ಒಂದು ನೋಟ ಅಥವಾ ಲೇಔಟ್ ನೀಡಲು.

ವೆಬ್ ಪುಟದ ವಿಷಯವನ್ನು ಸಂಘಟಿಸಲು ಮತ್ತು ರಚನೆ ಮಾಡಲು ಮತ್ತು ಅದಕ್ಕೆ ಶೈಲಿಯ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಅನ್ವಯಿಸಲು ಡಿವ್ ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಡಿವಿಯೊಂದಿಗೆ ನೀವು ಇತರ ಅಂಶಗಳನ್ನು ಒಳಗೊಂಡಿರುವ ಬಾಕ್ಸ್ ಅನ್ನು ರಚಿಸಬಹುದು ಮತ್ತು ಅದನ್ನು ಜೋಡಿಸಬಹುದು, ಕೇಂದ್ರೀಕರಿಸಬಹುದು, ಬಣ್ಣ ಮಾಡಬಹುದು, ಮಬ್ಬಾಗಿಸಬಹುದು. ಫಾರ್ಮ್ಯಾಟ್ ಅನ್ನು ಸಹ ಬಳಸಬಹುದು ಕಾಲಮ್‌ಗಳು ಅಥವಾ ಸಾಲುಗಳನ್ನು ರಚಿಸಿ, ವಿಷಯವನ್ನು ಕ್ರಮಬದ್ಧವಾಗಿ ಮತ್ತು ಹೊಂದಿಕೊಳ್ಳುವ ರೀತಿಯಲ್ಲಿ ವಿತರಿಸಲು. ಸಾಮಾನ್ಯವಾಗಿ ಇದನ್ನು ಅನಿಮೇಷನ್‌ಗಳು, ಪರಿವರ್ತನೆಗಳು, ರೂಪಾಂತರಗಳು ಇತ್ಯಾದಿಗಳಂತಹ ದೃಶ್ಯ ಅಥವಾ ಸಂವಾದಾತ್ಮಕ ಪರಿಣಾಮಗಳನ್ನು ರಚಿಸಲು ಸಹ ಬಳಸಬಹುದು.

ಚಿತ್ರವನ್ನು ಅಡ್ಡಲಾಗಿ ಕೇಂದ್ರೀಕರಿಸುವುದು ಹೇಗೆ

DIV ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಅಡ್ಡಲಾಗಿ ಕೇಂದ್ರೀಕರಿಸಿ ಅಂದರೆ ಚಿತ್ರವನ್ನು ಮಧ್ಯದಲ್ಲಿ ಜೋಡಿಸಿ DIV ನ ಅಗಲ. ಇದನ್ನು ಮಾಡಲು ಹಲವಾರು ಮಾರ್ಗಗಳಿವೆ, ಆದರೆ ಸಾಮಾನ್ಯವಾದವು ಈ ಕೆಳಗಿನವುಗಳಾಗಿವೆ:

• ಟೆಕ್ಸ್ಟ್-ಅಲೈನ್: ಸೆಂಟರ್ ಪ್ರಾಪರ್ಟಿ ಬಳಸಿ. ಈ ಆಸ್ತಿಯನ್ನು DIV ಅಂಶಕ್ಕೆ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ ಮತ್ತು DIV ಒಳಗೆ ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ಅಡ್ಡಲಾಗಿ ಮಧ್ಯಕ್ಕೆ ಜೋಡಿಸಲು ಕಾರಣವಾಗುತ್ತದೆ. ಉದಾಹರಣೆಗೆ:

• ಅಂಚು ಬಳಸಿ: ಸ್ವಯಂ ಆಸ್ತಿ. ಈ ಆಸ್ತಿಯನ್ನು IMG ಅಂಶಕ್ಕೆ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಚಿತ್ರವು ಎಡ ಮತ್ತು ಬಲಭಾಗದಲ್ಲಿ ಒಂದೇ ಅಂಚುಗಳನ್ನು ಹೊಂದಲು ಕಾರಣವಾಗುತ್ತದೆ, ಅದು ಅಡ್ಡಲಾಗಿ ಕೇಂದ್ರೀಕರಿಸುತ್ತದೆ. ಇದು ಕೆಲಸ ಮಾಡಲು, ಚಿತ್ರವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಅಗಲವನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು ಬ್ಲಾಕ್ ಪ್ರಕಾರವಾಗಿರಬೇಕು ಅಥವಾ ಆಸ್ತಿ ಪ್ರದರ್ಶನವನ್ನು ಹೊಂದಿರಬೇಕು: ಬ್ಲಾಕ್. ಉದಾಹರಣೆಗೆ:

• ರೂಪಾಂತರ ಆಸ್ತಿಯನ್ನು ಬಳಸಿ: translateX(). ಈ ಆಸ್ತಿಯನ್ನು IMG ಅಂಶಕ್ಕೆ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಚಿತ್ರವು ಅದರ ಮೂಲ ಸ್ಥಾನದಿಂದ ಒಂದು ನಿರ್ದಿಷ್ಟ ದೂರವನ್ನು ಅಡ್ಡಲಾಗಿ ಚಲಿಸುವಂತೆ ಮಾಡುತ್ತದೆ. ಅದನ್ನು ಅಡ್ಡಲಾಗಿ ಕೇಂದ್ರೀಕರಿಸಲು, ನೀವು ಅದರ ಅಗಲದ 50% ಅನ್ನು ಬಲಕ್ಕೆ ಸರಿಸಬೇಕು. ಇದು ಕೆಲಸ ಮಾಡಲು, ಚಿತ್ರವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಅಗಲವನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು ಬ್ಲಾಕ್ ಪ್ರಕಾರವಾಗಿರಬೇಕು ಅಥವಾ ಆಸ್ತಿ ಪ್ರದರ್ಶನವನ್ನು ಹೊಂದಿರಬೇಕು: ಬ್ಲಾಕ್. ಉದಾಹರಣೆಗೆ:

ಚಿತ್ರವನ್ನು ಲಂಬವಾಗಿ ಕೇಂದ್ರೀಕರಿಸುವುದು ಹೇಗೆ

DIV ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಲಂಬವಾಗಿ ಕೇಂದ್ರೀಕರಿಸಿ DIV ನ ಎತ್ತರದ ಮಧ್ಯದಲ್ಲಿ ಚಿತ್ರವನ್ನು ಒಟ್ಟುಗೂಡಿಸಿ ಎಂದರ್ಥ. ಇದನ್ನು ಮಾಡಲು ಹಲವಾರು ಮಾರ್ಗಗಳಿವೆ, ಆದರೆ ಸಾಮಾನ್ಯವಾದವು ಈ ಕೆಳಗಿನವುಗಳಾಗಿವೆ:

• ಲಂಬ-ಹೊಂದಾಣಿಕೆಯನ್ನು ಬಳಸಿ: ಮಧ್ಯಮ ಆಸ್ತಿ. ಈ ಆಸ್ತಿಯನ್ನು IMG ಅಂಶಕ್ಕೆ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಪಠ್ಯದ ಬೇಸ್‌ಲೈನ್‌ಗೆ ಸಂಬಂಧಿಸಿದಂತೆ ಚಿತ್ರವನ್ನು ಲಂಬವಾಗಿ ಮಧ್ಯಕ್ಕೆ ಜೋಡಿಸಲು ಕಾರಣವಾಗುತ್ತದೆ. ಇದು ಕೆಲಸ ಮಾಡಲು, DIV ಅಂಶವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಎತ್ತರವನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು IMG ಅಂಶವು ಇನ್‌ಲೈನ್ ಪ್ರಕಾರವಾಗಿರಬೇಕು ಅಥವಾ ಪ್ರದರ್ಶನವನ್ನು ಹೊಂದಿರಬೇಕು: ಇನ್‌ಲೈನ್ ಆಸ್ತಿ. ಉದಾಹರಣೆಗೆ:

• ಮಾರ್ಜಿನ್-ಟಾಪ್ ಮತ್ತು ಮಾರ್ಜಿನ್-ಬಾಟಮ್ ಆಸ್ತಿಯನ್ನು ಬಳಸುವುದು. ಈ ಗುಣಲಕ್ಷಣಗಳನ್ನು IMG ಅಂಶಕ್ಕೆ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಚಿತ್ರವು ಒಂದೇ ಮೇಲಿನ ಮತ್ತು ಕೆಳಗಿನ ಅಂಚುಗಳನ್ನು ಹೊಂದಲು ಕಾರಣವಾಗುತ್ತದೆ, ಅದನ್ನು ಲಂಬವಾಗಿ ಕೇಂದ್ರೀಕರಿಸುತ್ತದೆ. ಕೆಲಸ ಮಾಡಲು, DIV ಅಂಶವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಎತ್ತರವನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು IMG ಅಂಶವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಎತ್ತರವನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು ಟೈಪ್ ಬ್ಲಾಕ್ ಆಗಿರಬೇಕು ಅಥವಾ ಪ್ರದರ್ಶನ: ಬ್ಲಾಕ್ ಆಸ್ತಿಯನ್ನು ಹೊಂದಿರಬೇಕು. ಉದಾಹರಣೆಗೆ:

• ರೂಪಾಂತರದ ಆಸ್ತಿಯನ್ನು ಬಳಸುವುದು: translateY(). ಈ ಸಮಯದಲ್ಲಿ ಅದನ್ನು IMG ಅಂಶಕ್ಕೆ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಚಿತ್ರವನ್ನು ಅದರ ಮೂಲ ಸ್ಥಾನದಿಂದ ಲಂಬವಾಗಿ ಒಂದು ನಿರ್ದಿಷ್ಟ ದೂರಕ್ಕೆ ಚಲಿಸುವಂತೆ ಮಾಡುತ್ತದೆ. ಅದನ್ನು ಲಂಬವಾಗಿ ಕೇಂದ್ರೀಕರಿಸಲು, ನೀವು ಅದರ ಎತ್ತರದ 50% ಅನ್ನು ಕೆಳಕ್ಕೆ ಚಲಿಸಬೇಕು. ಇದು ಕೆಲಸ ಮಾಡಲು, DIV ಅಂಶವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಎತ್ತರವನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು IMG ಅಂಶವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಎತ್ತರವನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು ಟೈಪ್ ಬ್ಲಾಕ್ ಆಗಿರಬೇಕು ಅಥವಾ ಪ್ರದರ್ಶನ: ಬ್ಲಾಕ್ ಆಸ್ತಿಯನ್ನು ಹೊಂದಿರಬೇಕು. ಉದಾಹರಣೆಗೆ:

ಎರಡೂ ಅಕ್ಷಗಳ ಮೇಲೆ ಚಿತ್ರವನ್ನು ಕೇಂದ್ರೀಕರಿಸುವುದು ಹೇಗೆ

DIV ನಲ್ಲಿ ಎರಡೂ ಅಕ್ಷಗಳ ಮೇಲೆ ಚಿತ್ರವನ್ನು ಕೇಂದ್ರೀಕರಿಸುವುದು ಎಂದರೆ ಅಗಲ ಮತ್ತು ಎತ್ತರ ಎರಡರ ಮಧ್ಯದಲ್ಲಿ ಚಿತ್ರವನ್ನು ಜೋಡಿಸಿ DIV ನಲ್ಲಿ, ಇದು ಅತ್ಯಂತ ಸಂಕೀರ್ಣವಾಗಿದೆ. ಇದನ್ನು ಮಾಡಲು ಹಲವಾರು ಮಾರ್ಗಗಳಿವೆ, ಆದರೆ ಸಾಮಾನ್ಯವಾದವು ಈ ಕೆಳಗಿನವುಗಳಾಗಿವೆ:

• ಟೆಕ್ಸ್ಟ್-ಅಲೈನ್: ಸೆಂಟರ್ ಪ್ರಾಪರ್ಟಿ ಮತ್ತು ವರ್ಟಿಕಲ್-ಅಲೈನ್: ಮಿಡಲ್ ಪ್ರಾಪರ್ಟಿ ಬಳಸಿ. ಈ ಗುಣಲಕ್ಷಣಗಳು ಕ್ರಮವಾಗಿ DIV ಅಂಶ ಮತ್ತು IMG ಅಂಶಕ್ಕೆ ಅನ್ವಯಿಸುತ್ತವೆ ಮತ್ತು ಚಿತ್ರವನ್ನು ಅಡ್ಡಲಾಗಿ ಮತ್ತು ಲಂಬವಾಗಿ ಮಧ್ಯದಲ್ಲಿ ಜೋಡಿಸಲು ಕಾರಣವಾಗುತ್ತವೆ. ಇದು ಕೆಲಸ ಮಾಡಲು, DIV ಅಂಶವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಎತ್ತರವನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು IMG ಅಂಶವು ಇನ್‌ಲೈನ್ ಪ್ರಕಾರವಾಗಿರಬೇಕು ಅಥವಾ ಪ್ರದರ್ಶನವನ್ನು ಹೊಂದಿರಬೇಕು: ಇನ್‌ಲೈನ್ ಆಸ್ತಿ. ಉದಾಹರಣೆಗೆ:

• ಅಂಚು ಬಳಸಿ: ಸ್ವಯಂ ಆಸ್ತಿ. ಇಲ್ಲಿ ಇದನ್ನು IMG ಅಂಶಕ್ಕೆ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಚಿತ್ರವು ಎಲ್ಲಾ ನಾಲ್ಕು ಬದಿಗಳಲ್ಲಿ ಒಂದೇ ಅಂಚುಗಳನ್ನು ಹೊಂದುವಂತೆ ಮಾಡುತ್ತದೆ, ಅದು ಅದನ್ನು ಎರಡೂ ಅಕ್ಷಗಳ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸುತ್ತದೆ. ಇದು ಕೆಲಸ ಮಾಡಲು, DIV ಅಂಶವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಎತ್ತರವನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು IMG ಅಂಶವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಅಗಲ ಮತ್ತು ಎತ್ತರವನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು ಬ್ಲಾಕ್ ಪ್ರಕಾರವಾಗಿರಬೇಕು ಅಥವಾ ಪ್ರದರ್ಶನ: ಬ್ಲಾಕ್ ಆಸ್ತಿಯನ್ನು ಹೊಂದಿರಬೇಕು. ಉದಾಹರಣೆಗೆ:

• ರೂಪಾಂತರವನ್ನು ಬಳಸಿ: ಅನುವಾದ () ಆಸ್ತಿ. ಈ ಸಂದರ್ಭದಲ್ಲಿ ಇದನ್ನು IMG ಅಂಶಕ್ಕೆ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಎರಡೂ ಅಕ್ಷಗಳಲ್ಲಿ ಅದರ ಮೂಲ ಸ್ಥಾನದಿಂದ ಒಂದು ನಿರ್ದಿಷ್ಟ ದೂರವನ್ನು ಚಲಿಸುವಂತೆ ಮಾಡುತ್ತದೆ. ಅದನ್ನು ಕೇಂದ್ರೀಕರಿಸಲು, ನೀವು ಅದರ ಅಗಲದ 50% ಅನ್ನು ಬಲಕ್ಕೆ ಮತ್ತು ಅದರ ಎತ್ತರದ 50% ಅನ್ನು ಕೆಳಕ್ಕೆ ಸರಿಸಬೇಕು. ಕೆಲಸ ಮಾಡಲು, DIV ಅಂಶವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಎತ್ತರವನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು IMG ಅಂಶವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಅಗಲ ಮತ್ತು ಎತ್ತರವನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು ಬ್ಲಾಕ್ ಪ್ರಕಾರವಾಗಿರಬೇಕು ಅಥವಾ ಪ್ರದರ್ಶನ: ಬ್ಲಾಕ್ ಆಸ್ತಿಯನ್ನು ಹೊಂದಿರಬೇಕು. ಉದಾಹರಣೆಗೆ:

ಯಾವುದೇ ಚಿತ್ರವನ್ನು ಕೇಂದ್ರೀಕರಿಸಿ

DIV ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಕೇಂದ್ರೀಕರಿಸುವುದು ಉಪಯುಕ್ತವಾಗಿದೆ ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನ ನೋಟ ಮತ್ತು ಸಂಘಟನೆಯನ್ನು ಸುಧಾರಿಸಲು, ಮತ್ತು ನೀವು ಪ್ರದರ್ಶಿಸಲು ಬಯಸುವ ಚಿತ್ರವನ್ನು ಹೈಲೈಟ್ ಮಾಡಲು. DIV ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಕೇಂದ್ರೀಕರಿಸುವುದು ಕಷ್ಟವೇನಲ್ಲ, ಆದರೆ ಇದು ಚಿತ್ರದ ಪ್ರಕಾರ, DIV ನ ಗಾತ್ರ, DIV ನ ಶೈಲಿ ಇತ್ಯಾದಿಗಳಂತಹ ಹಲವಾರು ಅಂಶಗಳನ್ನು ಅವಲಂಬಿಸಿರುತ್ತದೆ.

ಈ ಲೇಖನದಲ್ಲಿ HTML ಮತ್ತು CSS ಅನ್ನು ಬಳಸಿಕೊಂಡು DIV ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಕೇಂದ್ರೀಕರಿಸುವುದು ಹೇಗೆ ಎಂದು ನಾವು ವಿವರಿಸಿದ್ದೇವೆ, ವೆಬ್ ಪುಟಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ವಿನ್ಯಾಸಗೊಳಿಸಲು ಬಳಸುವ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು. ನಾವು ನಿಮಗೆ ಹಲವಾರು ವಿಧಾನಗಳು ಮತ್ತು ಉದಾಹರಣೆಗಳನ್ನು ತೋರಿಸಿದ್ದೇವೆ ಆದ್ದರಿಂದ ನೀವು ಆಯ್ಕೆ ಮಾಡಬಹುದು ನಿಮಗೆ ಸೂಕ್ತವಾದದ್ದು.

ನೀವು ಈ ಲೇಖನವನ್ನು ಇಷ್ಟಪಟ್ಟಿದ್ದೀರಿ ಮತ್ತು DIV ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಕೇಂದ್ರೀಕರಿಸುವುದು ಹೇಗೆ ಎಂದು ನೀವು ಕಲಿತಿದ್ದೀರಿ ಎಂದು ನಾವು ಭಾವಿಸುತ್ತೇವೆ. ನೀವು ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳನ್ನು ಅಥವಾ ಸಲಹೆಗಳನ್ನು ಹೊಂದಿದ್ದರೆ, ನಮಗೆ ಕಾಮೆಂಟ್ ಮಾಡಿ. ನೀವು ಈ ಲೇಖನವನ್ನು ನಿಮ್ಮ ಸ್ನೇಹಿತರು ಅಥವಾ ಕುಟುಂಬದವರೊಂದಿಗೆ ಹಂಚಿಕೊಳ್ಳಬಹುದು HTML ಅಥವಾ CSS. ನಾವು ಕೆಲಸ ಮಾಡಲು ಮತ್ತು ಪ್ರೋಗ್ರಾಂಗೆ ಹೋಗೋಣ!