ಮಧ್ಯದ: ಸಿಎಸ್ಎಸ್ ಲೇಔಟ್

ಯಾವಾಗ ಪುಟದ ವಿನ್ಯಾಸ ಒಂದು ಕೇಂದ್ರಿತ ಸಿಎಸ್ಎಸ್ ರೀತಿಯಲ್ಲಿ ಮಾಡುವ ಅಗತ್ಯವಿತ್ತು: ಉದಾಹರಣೆಗೆ, ಮುಖ್ಯ ಘಟಕ ಕ್ರೇಂದ್ರಿಕರಿಸಲು. ಬೇಗ ಅಥವಾ ನಂತರ ಯಾವುದೇ ಕೋಡರ್ನ ಬಳಸಲು ಹೊಂದಿರುತ್ತದೆ ಪ್ರತಿಯೊಂದೂ ಈ ಸಮಸ್ಯೆಗೆ ಹಲವಾರು ಪರಿಹಾರಗಳನ್ನು ಇವೆ.

ಕ್ರೇಂದ್ರಿಕರಿಸಲು ಪಠ್ಯ Align

ಸಾಮಾನ್ಯವಾಗಿ ಅಲಂಕಾರಿಕ ಉದ್ದೇಶಗಳಿಗಾಗಿ ನೀವು ಹೇರುವುದು ಸಮಯವನ್ನು ಉಳಿತಾಯ, ಈ ಸಂದರ್ಭದಲ್ಲಿ ಕೇಂದ್ರಿತ ಪಠ್ಯ, ಸಿಎಸ್ಎಸ್ ಹೊಂದಿಸಲು ಬಯಸುವ. ಹಿಂದೆ ಈ HTML ಲಕ್ಷಣಗಳು ಬಳಸಿ ಮಾಡಲಾಯಿತು, ಆದರೆ ಈಗ ಪ್ರಮಾಣಿತ ಸ್ಟೈಲ್ ಶೀಟ್ ಪಠ್ಯ align ಅಗತ್ಯವಿದೆ. ನೀವು ಮಧ್ಯಮ ಒಂದೇ ಲೈನ್ ತಯಾರಿಸಲಾಗುತ್ತದೆ ಪಠ್ಯದ ಸಿಎಸ್ಎಸ್ ಜೋಡಣೆ ಬಾಹ್ಯ ಪ್ಯಾಡಿಂಗ್ ಬದಲಾಯಿಸಲು ಬಯಸುವ ಬ್ಲಾಕ್ ವಿರುದ್ಧವಾಗಿ:

• ಪಠ್ಯ-ಕೇಂದ್ರ:;

ಈ ಆಸ್ತಿ ಆನುವಂಶಿಕವಾಗಿ ಮತ್ತು ಪೋಷಕರಿಂದ ಎಲ್ಲಾ ಮಕ್ಕಳಿಗೆ ರವಾನಿಸಲಾಗಿದೆ. ಇದು ಪಠ್ಯ ಆದರೆ ಇತರ ಅಂಶಗಳನ್ನು ಕೇವಲ ಪರಿಣಮಿಸುತ್ತದೆ. ಈ ಉದ್ದೇಶಕ್ಕಾಗಿ, ಅವರು ಸಣ್ಣ ಮಾಡಬೇಕು (ಉದಾ, ಬಹಳಕಾಲ) ಅಥವಾ ಸಾಲು ಬ್ಲಾಕ್ (ಪ್ರದರ್ಶನ ಆಸ್ತಿ ನಿರ್ದಿಷ್ಟಪಡಿಸುವಂತಹ ಯಾವುದೇ ಬ್ಲಾಕ್ಗಳನ್ನು: ಬ್ಲಾಕ್). ನಂತರದ ಆಯ್ಕೆಯನ್ನು ನೀವು ಅಗಲ ಮತ್ತು ಅಂಶದ ಎತ್ತರ, ಇಂಡೆಂಟೇಷನ್ ಹೆಚ್ಚು ಹೊಂದಿಕೊಳ್ಳುವ ಸಂರಚನಾ ಬದಲಾಯಿಸಲು ಅನುಮತಿಸುತ್ತದೆ.

ಪುಟಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಟ್ಯಾಗ್ ಸ್ವತಃ ಗುಣಲಕ್ಷಣ align. ಹೀಗೆಂದಾಕ್ಷಣ ಡಬ್ಲ್ಯು 3 ಸಿ ಒಪ್ಪಿಕೊಂಡಿದ್ದಾರೆ ರಿಂದ ಗುಣಲಕ್ಷಣ align ಬಳಕೆಯಲ್ಲಿಲ್ಲದ, ಕೋಡ್ ಅಮಾನ್ಯವಾಗಿದೆ ಎಂದು. ಒಂದು ಪುಟದಲ್ಲಿ ಬಳಸಿ ಸೂಕ್ತವಲ್ಲ.

ಮಧ್ಯದ ಬ್ಲಾಕ್

ನೀವು ಮಧ್ಯದಲ್ಲಿ DIV ಆಫ್ ಜೋಡಣೆ ಸೆಟ್ ಬಯಸಿದರೆ, ಸಿಎಸ್ಎಸ್ ಸಾಕಷ್ಟು ಆರಾಮದಾಯಕ ರೀತಿಯಲ್ಲಿ ಒದಗಿಸುತ್ತವೆ: ಬಾಹ್ಯ ಪ್ಯಾಡಿಂಗ್ ಅಂಚು ಬಳಕೆ. ಪ್ಯಾಡಿಂಗ್ ಬ್ಲಾಕ್ ಅಂಶಗಳನ್ನು ಮತ್ತು ಲೈನ್-ಬ್ಲಾಕ್ ಎಂದು ಸೂಚಿಸಬಹುದು. Svoysva ಮೌಲ್ಯವನ್ನು ಆಗಿರಬೇಕು 0 (ಲಂಬ ಪ್ಯಾಡಿಂಗ್), ಮತ್ತು ಸ್ವಯಂ (ಅಡ್ಡಲಾಗಿ ಸ್ವಯಂಚಾಲಿತ ಇಂಡೆಂಟೇಷನ್):

• ಅಂಚು: 0 ಸ್ವಯಂ;

ಈಗ ಈ ಆಯ್ಕೆಯನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಮಾನ್ಯ ಗುರುತಿಸಲ್ಪಟ್ಟಿದೆ. ಸಿಎಸ್ಎಸ್ ಅಂಚು ಆಸ್ತಿ ನಮಗೆ ಪುಟದಲ್ಲಿ ಸ್ಥಾನಿಕ ಅಂಶ ಸಂಬಂಧಿಸಿದ ಅನೇಕ ಸಮಸ್ಯೆಗಳನ್ನು ಪರಿಹರಿಸಲು ಅನುಮತಿಸುತ್ತದೆ: ಬಾಹ್ಯ ಪ್ಯಾಡಿಂಗ್ ಬಳಸಿಕೊಂಡು ನೀವು ಕೇಂದ್ರದ ಜೋಡಣೆ ಹೊಂದಿಸಲು ಅನುಮತಿಸುತ್ತದೆ.

ಬ್ಲಾಕ್ ಎಡ ಅಥವಾ ಬಲ ತುದಿಯ ಸಾಲು

ಕೆಲವೊಮ್ಮೆ ಸಿಎಸ್ಎಸ್ ರೀತಿಯಲ್ಲಿ ಕೇಂದ್ರದ ಜೋಡಣೆ ಅಗತ್ಯವಿರುವುದಿಲ್ಲ, ಆದರೆ ಮುಂದಿನ ಎರಡು ಬ್ಲಾಕ್ಗಳನ್ನು, ಎಡ ಬದಿಯಿಂದ ಒಂದು ಮತ್ತು ಇತರ ಹಾಕಲು ಅಗತ್ಯ - ಬಲದಿಂದ. ಇದಕ್ಕಾಗಿ ಮೂರು ಮೌಲ್ಯಗಳ ಒಂದು ತೆಗೆದುಕೊಳ್ಳಬಹುದು ಇದು ಫ್ಲೋಟ್ ಆಸ್ತಿ, ಇಲ್ಲ: ಬಲ ಅಥವಾ ಇಲ್ಲ ಉಳಿದಿದೆ. ನ ನೀವು ಅಕ್ಕಪಕ್ಕದಲ್ಲಿ ಇಡಬೇಕು ಎರಡು ಬ್ಲಾಕ್ಗಳನ್ನು ಹೊಂದಿವೆ ಹೇಳುತ್ತಾರೆ. ನಂತರ ಸಂಕೇತವು ಇದೆ:

• .ಎಡ {ಫ್ಲೋಟ್: ಎಡ;}
• .ಬಲ {ಫ್ಲೋಟ್: ರೈಟ್}

ಇದು ಮಾಡಬೇಕು ಮೊದಲ ಎರಡು ಬ್ಲಾಕ್ಗಳನ್ನು (ಉದಾಹರಣೆಗೆ, ಅಡಿಟಿಪ್ಪಣಿ) ಅಡಿಯಲ್ಲಿ ಇದೆ ಎಂಬುದನ್ನು ಮೂರನೇ ಬ್ಲಾಕ್ ಇದೆ, ಅದು ಸ್ಪಷ್ಟ ವೈಶಿಷ್ಟ್ಯವನ್ನು ನೋಂದಣಿ ಅಗತ್ಯ:

• .ಎಡ {ಫ್ಲೋಟ್: ಎಡ;}
• .ಬಲ {ಫ್ಲೋಟ್: ರೈಟ್}
• ಅಡಿಟಿಪ್ಪಣಿ {ಸ್ಪಷ್ಟ: ಎರಡೂ}

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

ಲಂಬ ಜೋಡಣೆ

ಸಿಎಸ್ಎಸ್-ವಿಧಾನಗಳಲ್ಲಿ ಕೇಂದ್ರದ ಜೋಡಣೆ ಸೆಟ್ ಸಾಕಾಗುವುದಿಲ್ಲ ಅಲ್ಲಿ ಸಂದರ್ಭಗಳಲ್ಲಿ, ನಿಮಗೆ ಮಗು ಬ್ಲಾಕ್ನ ಲಂಬವಾದ ಸ್ಥಾನವನ್ನು ಬದಲಿಸಬೇಕು. ಯಾವುದೇ ಸಾಲು ಅಥವಾ ಸತತವಾಗಿ ಬ್ಲಾಕ್ ಅಂಶ, ಮೇಲಿನ ಅಥವಾ ಕೆಳಗಿನ ಅಂಚಿನ ವಿರುದ್ಧ ಒತ್ತಿದರೆ ಮಾಡಬಹುದು ಮೂಲ ಅಂಶ ಮಧ್ಯದಲ್ಲಿ ಇದೆ ಅಥವಾ ಒಂದು ಕ್ರಮವಿಲ್ಲದ ಸ್ಥಳ ಎಂದು. ಹೆಚ್ಚಾಗಿ ಬ್ಲಾಕ್ ಕೇಂದ್ರದ ಜೋಡಣೆ ಬೇಡುತ್ತವೆ ಗುಣಲಕ್ಷಣ ಲಂಬ-ಹೊಂದಿಸುವಿಕೆ ಬಳಸುತ್ತದೆ. ಎರಡು ಬ್ಲಾಕ್ಗಳನ್ನು, ಇತರ ಇನ್ನೊಬ್ಬ ಟಾಪನ್ನು ಇವೆ ಭಾವಿಸೋಣ. ಸಾಲು-ಬ್ಲಾಕ್ ಅಂಶ (: ಲೈನ್ ಬ್ಲಾಕ್ ಪ್ರದರ್ಶನ) - ಈ ಒಳಾಂಗಣ ಘಟಕದಲ್ಲಿ. ಇದು ಲಂಬ ಬ್ಲಾಕ್ ಮಗು align ಅಗತ್ಯ:

• ಮೇಲ್ಭಾಗದ ಗಡಿಯ ಜೋಡಣೆ - .ಮಕ್ಕಳ {ಲಂಬ -ಅಲೈನ್: ಟಾಪ್};
• ಕೇಂದ್ರಿತ - .ಮಕ್ಕಳ {ಲಂಬ-ಹೊಂದಿಸುವಿಕೆ: ಮಧ್ಯಮ};
• ಕೆಳಗೆ ಎಡ್ಜ್ ಜೋಡಣೆ - .ಮಕ್ಕಳ {ವೆರ್ತಿಕಾಲ್ ಹೊಂದಾಣಿಕೆ: ಕೆಳಕ್ಕೆ};

ಬ್ಲಾಕ್ ಅಂಶಗಳನ್ನು ಆಡಿಯೋ ಪಠ್ಯ-ಹೊಂದಾಣಿಕೆ, ಅಥವಾ ಲಂಬ-ಹೊಂದಿಸುವಿಕೆ ಅನ್ವಯಿಸುವುದಿಲ್ಲ.

ಒಟ್ಟುಗೂಡಿಸಲಾಗಿದೆ ಘಟಕಗಳು ಸಂಭಾವ್ಯ ಸಮಸ್ಯೆಗಳನ್ನು

ಕೆಲವೊಮ್ಮೆ ಸಿಎಸ್ಎಸ್-ರೀತಿಯಲ್ಲಿ ಕೇಂದ್ರ align ಡಿವ್ ಸ್ವಲ್ಪ ತೊಂದರೆ. ಉದಾಹರಣೆಗೆ, ಒಂದು ಫ್ಲೋಟ್ ಬಳಸುವಾಗ: .ಮೊದಲ, .ಎರಡನೆಯ ಮತ್ತು .ಮೂರನೇ: ಉದಾಹರಣೆಗೆ, ಅಲ್ಲಿ ಮೂರು ಅಂಶಗಳಾಗಿವೆ. ಎರಡನೇ ಮತ್ತು ಮೂರನೇ ಬ್ಲಾಕ್ಗಳನ್ನು ಮೊದಲ ಸುಳ್ಳು. ಒಂದು ವರ್ಗ ಒಂದು ಅಂಶ ಎರಡನೇ ಎಡ ಜೋಡಿಸಿದ, ಮತ್ತು ಕೊನೆಯ ಬ್ಲಾಕ್ - ಬಲಭಾಗದಲ್ಲಿ. ಒಂದುಗೂಡಿಸುವ ನಂತರ ಇಬ್ಬರು ಸ್ಟ್ರೀಮ್ ಕೈಬಿಟ್ಟಿತು. ಮೂಲ ಅಂಶ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ ಇದ್ದರೆ ಎತ್ತರಕ್ಕೆ (ಉದಾ, 30em), ಇದು ಅಂಗಸಂಸ್ಥೆ ಘಟಕಗಳು ಎತ್ತರ ಹಿಗ್ಗಿಸಲು ನಿಲ್ಲಿಸಲಿದೆ. ಎರಡನೇ ಮತ್ತು .ಮೂರನೇ ಹೊಂದುವ ವಿಶೇಷ ಘಟಕ, - ಈ ದೋಷವನ್ನು ತಪ್ಪಿಸಲು, "ವಿಭಾಜಕ" ಬಳಸಿ. ಸಿಎಸ್ಎಸ್ ಕೋಡ್:

• .ಎರಡನೆಯ {ಚಲಿಸುವಂತೆ: ಎಡ}
• .ಮೂರನೇ {ಫ್ಲೋಟ್: ರೈಟ್}
• .clearfix {ಎತ್ತರ: 0; ಸ್ಪಷ್ಟ: ಎರಡೂ;}

ಹುಸಿ ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ: ನಂತರ, ಸಹ psevdorasporki ರಚಿಸುವ ಮೂಲಕ ಸ್ಥಾನ ದಿಮ್ಮಿಗಳನ್ನು ಮರಳಲು ಅನುಮತಿಸುವ (ವರ್ಗದಿಂದ DIV ನಲ್ಲಿ ಉದಾಹರಣೆಯಲ್ಲಿ ಧಾರಕ ಒಳಬದಿಯಲ್ಲಿರುವ ಮತ್ತು .ಮೊದಲ .ಎಡ ಮತ್ತು .ಬಲ ಒಳಗೊಂಡಿದೆ):

• .ಎಡ {ಫ್ಲೋಟ್: ಎಡ}
• .ಬಲ {ಫ್ಲೋಟ್: ರೈಟ್}
• ಧಾರಕ: ನಂತರ {ವಿಷಯ: ''; ಪ್ರದರ್ಶನ: ಟೇಬಲ್; ಸ್ಪಷ್ಟ: ಎರಡೂ;}

ಮೇಲಿನ ಆಯ್ಕೆಗಳ - ಸಾಮಾನ್ಯ, ಕೆಲವು ವ್ಯತ್ಯಾಸಗಳಿರುತ್ತವೆ. ನೀವು ಯಾವಾಗಲೂ ಪ್ರಯೋಗಗಳಿಂದ psevdorasporki ರಚಿಸಲು ಸುಲಭ ಮತ್ತು ಹೆಚ್ಚು ಅನುಕೂಲಕರ ರೀತಿಯಲ್ಲಿ ಕಾಣಬಹುದು.

ಮತ್ತೊಂದು ಸಮಸ್ಯೆ ಆಗಾಗ್ಗೆ ಎದುರಿಸಿದೆ ಲೇಔಟ್ - ಲೈನ್-ಬ್ಲಾಕ್ ಅಂಶಗಳ ಜೋಡಣೆ. ಇಬ್ಬರೂ ನಂತರ ಒಂದು ಸ್ಪೇಸ್ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸೇರಿಸಲಾಗುತ್ತದೆ. ಹ್ಯಾಂಡಲ್ ಇದು ಋಣಾತ್ಮಕ ಇಂಡೆಂಟೇಷನ್ ಮೂಲಕ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ ಅಂಚು ಆಸ್ತಿ, ಮಾಡುತ್ತದೆ. ಇದು ಮಾಡಲಾಗುತ್ತದೆ, ಕಡಿಮೆ ಬಳಸಲಾಗುತ್ತದೆ ಉದಾಹರಣೆಗೆ, ಮರುಹೊಂದಿಸಲು ಇತರ ಬಗೆಗಳು, ಫಾಂಟ್ ಗಾತ್ರ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಮೂಲ ಅಂಶ ಗುಣಗಳನ್ನು ಸೂಚಿಸುವಾಗ ಫಾಂಟ್ ಗಾತ್ರದ: 0. ಪಠ್ಯ ಬ್ಲಾಕ್ಗಳನ್ನು ಒಳಗೆ ಇದೆ ವೇಳೆ, ಲೈನ್-ಬ್ಲಾಕ್ ಅಂಶಗಳನ್ನು ಗುಣಗಳನ್ನು ಬಯಸಿದ ಫಾಂಟ್ ಗಾತ್ರ ಹಿಂದಿರುಗಿವೆ. ಉದಾಹರಣೆಗೆ, ಫಾಂಟ್ ಗಾತ್ರದ: 1em. ವಿಧಾನವು ಯಾವಾಗಲೂ ಅನುಕೂಲಕರ ಅಲ್ಲ, ಆದ್ದರಿಂದ ಹೆಚ್ಚು ಸಾಮಾನ್ಯವಾಗಿ ಬಾಹ್ಯ ಅಂಚಿನಲ್ಲಿ ಆವೃತ್ತಿ ಬಳಸಲಾಗುತ್ತದೆ.

ಒಂದು ಸಣ್ಣ ಸ್ಥಳದಲ್ಲಿ ಸಾಮಾನ್ಯ ವಿನ್ಯಾಸ ಮತ್ತು ಲೇಔಟ್, ಮತ್ತು ಅಂಗಡಿಗಳಲ್ಲಿ ಸರಕುಗಳ ಸ್ಥಳ, ಮತ್ತು ಫೋಟೋಗಳು: ನಿರ್ಬಂಧಿಸುತ್ತದೆ ಒಂದುಗೂಡಿಸುವ ನೀವು ಸುಂದರ ಮತ್ತು ಕ್ರಿಯಾತ್ಮಕ ಪುಟಗಳು ರಚಿಸಲು ಅನುಮತಿಸುತ್ತದೆ.