කේන්ද්ර: CSS-සැකැස්ම

විට පිටුවේ සැකැස්ම බොහෝ විට කේන්ද්ර CSS-ආකාරය ඇති කිරීම සඳහා අවශ්ය වේ: උදාහරණයක් ලෙස, ප්රධාන ඒකකය මධ්යස්ථානය වෙත. මේ සෑම ඉක්මනින් හෝ පසුව හෝ සදහාද සහය දක්වනු ලැෙබි භාවිතා කිරීමට සිදු වනු ඇත මෙම ගැටලුව සඳහා විසඳුම් කිහිපයක් පවතී.

මධ්යස්ථානයක් පෙළ ගස්වන්න

බොහෝ විට ඔබ පැනවීම කාලය අඩු කිරීමට, මෙම නඩුවේ පෙළ කේන්ද්ර, CSS සකස් කිරීමට අවශ්ය, අලංකාර කටයුතු සඳහා. මීට පෙර මෙම HTML-ගුණාංග භාවිතා සිදු කරන ලදී, නමුත් දැන් සම්මත විලාසය පත්රය සහිත පෙළ සන්ධානගත වීම අවශ්ය විය. ඔබ මැද පෙළ CSS කඳවුරු ගතවීම බාහිර පුරවන වෙනස් කිරීමට අවශ්ය සඳහා වාරණ කිරීමට වෙනස්ව තනි මාර්ගය සහිත බව:

• පෙළ-align: මධ්යස්ථානය;

මෙම දේපල මව් සියලු දරුවන්ට උරුම කර සම්මත කර ඇත. එය පාඨමය නොව වෙනත් මූල ද්රව්ය පමණක් නොවේ බලපායි. මෙම අරමුණු ඉටු කර ගැනීම සඳහා, ඔවුන් සිම්පල් විය යුතු (උදා, කාලයක්) හෝ පේළිය-වාරණ (සංදර්ශකය දේපල නියම කරන ඕනෑම කුට්ටි: වාරණ). අග විකල්පය ද ඔබ එබුම ඇති අංගයක්, වඩාත් නම්යශීලී වින්යාසය, පළල සහ උස වෙනස් කිරීමට ඉඩ දෙයි.

පිටු බොහෝ විට තමා විශේෂණය ටැග් පෙළ ගස්වන්න. W3C align විශේෂණය යල් පැන ගිය පිලිගෙන සිට මෙය වහාම, මෙම කේතය වලංගු වේ. පිටුවක් එය භාවිතා නිර්දේශ කර නැත.

කේන්ද්ර වාරණ

බාහිර පුරවන ආන්තිකය භාවිතය: ඔබ මැද ඇති div ලබනුයේ සකස් කිරීමට අවශ්ය නම්, CSS ඉතා සැප පහසු ක්රමයක් ඉදිරිපත් කළ හැකිය. පිරවුම, වාරණ අංග ලෙස දැක්විය හැක, පේළි-වාරණ. Svoysva අගය 0 (සිරස් පුරවන), සහ මෝටර් රථ (තිරස් අතට ස්වයංක්රීය එබුම) විය යුතුය:

• ආන්තිකය: 0 වාහන;

දැන් මෙම විකල්පය පරම වලංගු ලෙස හඳුනා ගැනේ. බාහිර පුරවන භාවිතා ඔබ මධ්යස්ථානයේ ජවිපෙත් සකස් සඳහා අවකාශ ලබා දෙයි: CSS-ආන්තිකය දේපල පිටුවේ ස්ථානගත අංගයක් සමග සම්බන්ධ බොහෝ ප්රශ්න නිරාකරණය කිරීමට අපට ඉඩ දී ඇත.

වාරණ වම් හෝ දකුණු එජ් ලබනුයේ

සමහර විට CSS-ආකාරය මධ්යස්ථානය ලබනුයේ අවශ්ය නොවේ, නමුත් එය ඉදිරි කුට්ටි දෙකක්, වම් පැත්තේ සිට එක් හා අනෙකුත් පත් කිරීම සඳහා අවශ්ය වේ - දකුණේ සිට. ඉතිරි, හරි හෝ කිසිවක්: මේ සඳහා අගයන් එක් ගත හැකි වන පාවෙන දේපල, නැත. ගේ ඔබ පැත්තෙන් පැත්තට තැබිය යුතු බවට කුට්ටි දෙකක් ඇත කියන්න මට ඉඩ දෙන්න. එවිට යුතු සංකේතය පහත සඳහන් පරිදි වේ:

• .left {පාවෙන: ඉවත්ව ගිය බවත්;}
• .right {පාවෙන: දකුණු}

ප්රථම බ්ලොක් දෙකක් (උදා, පාදකය) යටතේ පිහිටා කළ යුතු තුන්වන වාරණ, තිබේ නම්, එය පැහැදිලි ලක්ෂණය ලියාපදිංචි කිරීමට අවශ්ය වේ:

• .left {පාවෙන: ඉවත්ව ගිය බවත්;}
• .right {පාවෙන: දකුණු}
• පාදකය {පැහැදිලි: දෙකම}

මුළු ප්රවාහය ඉවතට වම් හා දකුණු වැටීම පන්තීන් සමග කුට්ටි, බව, පෙලගැසී මූලද්රව්ය පැවැත්ම නොසලකා අනෙකුත් සියලු මූලද්රව්ය බව ඇත්ත. දේපල පැහැදිලි: දෙකම පාදකය වාරණ ඉඩ හෝ වෙනත් ඕනෑම දෘශ්යමාන ගලා සෛල වලින් වේගවත් හා වම් හා දකුණු යන දෙදෙනා මත ම (පාවෙන) ආවරණය කරනවා තහනම් කරයි. එම නිසා, අපේ නිදසුනේ, පාදකය පහත බසින අවතැන් කර ඇත.

සිරස් කඳවුරු ගතවීම

තැටියක CSS-ක්රම මධ්යස්ථානයේ ජවිපෙත් ඇති කිරීමට ප්රමාණවත් නොවේ, ඔබ ද දරුවා වාරණ සිරස් තත්ත්වය වෙනස් කළ යුතුය අවස්ථා ඇත. , ඉහළ හෝ පහළ දාරය එරෙහිව ඕනෑම රේඛීය හෝ පේළියක්-වාරණ අංගයක් තද මව් අංගයක් මැද පිහිටා ඇති හෝ අත්තනෝමතික ස්ථානය විය හැකිය. බොහෝ විට එය සිරස්-align විශේෂණය භාවිතා කරයි, වාරණ මධ්යස්ථානය ලබනුයේ අවශ්ය වේ. දෙකක් කුට්ටි, අනෙක් තුළ පතරෙහි එක් වේ සිතන්න. පේළිය-වාරණ මූලද්රව්යය (: පේළිගත-වාරණ සංදර්ශකය) - මෙම ගෘහස්ථ ඒකකය. එය සිරස් වාරණ ළමා සන්ධානගත වීම අවශ්ය වේ:

• ඉහළ සීමාව ලබනුයේ - .child {සිරස්-align: ඉහළ};
• කේන්ද්ර - .child {සිරස්-align: මධ්යම};
• පහළ දාරය ලබනුයේ - .child {සිරස්-align: පහළ};

ශ්රව්ය පෙළ-align, හෝ සිරස්-align අදාළ නොවේ වාරණ මූලද්රව්ය.

පෙලගැසී ඒකක සමග ඇති විය හැකි ගැටළු

සමහර විට CSS-ආකාරය මධ්යස්ථානය ටිකක් කරදර ඇති විය හැකි සන්ධානගත div. උදාහරණයක් ලෙස, විට පාවෙන භාවිතා: .first, .දෙවනුව හා .third: උදාහරණයක් ලෙස, බිම් කොටස් තුනක් ඇත. දෙවැනි හා තෙවැනි කොටස් පළමු තැන්පත් කර ඇත. පන්ති දෙවන වම් සමග පෙල ගැසී, සහ පසුගිය වාරණ සමග මූලද්රව්යය - දකුණු පස. සන්ධානගත වෙමින් පසු දෙදෙනා අංශයෙන් පහත වැටී ඇත. මව් අංගයක් උස (උදා, 30em) අර්ථ දක්වා නැත නම්, එය අනුබද්ධිත ඒකක උස පුළුල් කිරීමට නතර කරනු ඇත. .දෙවනුව හා .third පොත විශේෂ ඒකකයක්, - මෙම දෝෂය වළක්වා ගැනීමට, "spacer" භාවිතා කරන්න. CSS-කේතය:

• .දෙවනුව {පාවෙන: වමේ}
• .third {පාවෙන: දකුණු}
• .clearfix {උස: 0; පැහැදිලි: දෙකම;}

බොහෝ විට භාවිතා ව්යාජ: පසු, ද psevdorasporki නිර්මාණය ස්ථානයට කැබැල්ලකට නැවත කිරීමට ඉඩ සලසා දෙයි (පන්තිය සමග div දී ඇති උදාහරණයේ දී එහි ඇතුළත පිහිටා සහ .first .left හා .right සමන්විත):

• .left {පාවෙන: වමේ}
• .right {පාවෙන: දකුණු}
• .container: {අන්තර්ගතයට පසු: ''; සංදර්ශකය: ෙම්ස; පැහැදිලි: දෙකම;}

සමහර වෙනස්කම් දක්නට ලැබේ වුවත්, වඩාත් පොදු - ඉහත විකල්ප. ඔබ හැම විටම පර්යේෂණ විසින් psevdorasporki නිර්මාණය කිරීමට පහසුම හා වඩාත්ම පහසු ක්රමය සොයා ගත හැකි වනු ඇත.

තවත් ගැටලුවක් නිතර සැකැස්ම මුහුණ - රේඛීය වාරණ අංග ලබනුයේ. ඔවුන් එක් එක් පසු ඉඩ ස්වයංක්රීයව එකතු කර තිබේ. එය සෘණ එබුම විසින් අර්ථ ඇති ආන්තික දේපල, උදව් හැසිරවිය. උදාහරණයක් ලෙස, නැවත සකස් කරන අඩු නිතර භාවිතා කරන ක්රම, ඇත අකුරු ප්රමාණය. මේ අවස්ථාවේ දී, මව් මූලද්රව්යයක ගුණ ලියාපදිංචි අකුරු-විශාලත්වය: 0. පෙළ කුට්ටි තුළ පිහිටා නම්, රේඛීය වාරණ මූලද්රව්ය ගුණ අපේක්ෂිත අකුරු ප්රමාණය ආපසු පැමිණ ඇත. උදාහරණයක් ලෙස, අකුරු-විශාලත්වය: 1em. මෙම ක්රමය සෑම විටම පහසු නොවන අතර, එම නිසා එය වඩාත් පොදුවේ බාහිර සීමා මායිම් අනුවාදය භාවිතා කරයි.

පොදු සැකැස්ම හා සැලැස්ම, සහ කඩ සාප්පු භාණ්ඩ ස්ථානය, සහ කුඩා, මෙම අඩවියේ ඇති ඡායාරූප: සන්ධානගත වෙමින් කාණ්ඩයන් ලස්සන සහ ක්රියාකාරී පිටු නිර්මාණය කිරීමට ඉඩ ලබාදේ.