ස්ථාවර පළල සැලැස්ම සහිත ලේඛනයක් කේන්ද්රගත කිරීම සඳහා CSS භාවිතා කරන්න

නිත්ය පළල පරාමිතීන් එහි ඇති ජනප්රිය බ්රව්සරයන් සමඟ කේන්ද්රගත කිරීම අසීරු විය හැකිය. නමුත් එය කේතයන් කිහිපයක් පමණි.

මෙන්න කොහොමද?

  1. ඔබගේ HTML සංස්කාරකයේ CSS විලාසය සමඟ නව වෙබ් පිටුවක් සාදන්න.
  2. පිටුවෙහි ඇති සියලු දෑ ගබඩා කරන පිටුවක ප්රධාන අංගයක් ලෙස div element ලෙස සාදන්න.
  3. පිටුවෙහි අනන්යය වන මෙම විචල්යයෙහි අනන්යතාවයක් ලබා දෙන්න.
  4. ඔබගේ CSS ශෛල පත්රය විවෘත කර ඔබගේ div Element හි පළල සකස් කරන්න. div # ප්රධාන {width: 750px; }}
  5. ස්වයංක්රීය ආන්තික එකතු කරන්න ඔබගේ div. div # ප්රධාන {width: 750px; ආන්තික වම: ස්වයං; margin-right: auto}
  6. Netscape 4 සඳහා එය සකස් කිරීම සහ IE 4 - 6 ( quirks මාතය ) සිරුරේ පෙළ- පෙළගැස්ම එක් කරන්න. සිරුර {text-align: center; }}
  7. නමුත් ඉන්පසුව සියලු අකුරු කේන්ද්රගත වී ඇති බැවින්, පෙළ-align එකතු කිරීමෙන්: # main div හි පෙළ නැවත නැවත පෙළට යොමු කරන්න. වම්; එහි. div # ප්රධාන {width: 750px; ආන්තික වම: ස්වයං; ආන්තික-දකුණ: ඔටෝ; පෙළ-align: වම .; }}
  8. ඔබගේ පිටුව සහ ඔබේ විලාසය ආරක්ෂා කරන්න.
  9. වෙබ් බ්රව්සර් කිහිපයක පරීක්ෂණ.

ඉඟිය

මෙය පිරිසැලසුම් පෙට්ටිය කේන්ද්රගත වනු ඇත නමුත් එහි අන්තර්ගතය නොවේ. අභ්යන්තර අන්තර්ගතය කේන්ද්රගත කිරීම සඳහා පෙළ-පෙළ ගැස්ම භාවිතා කරන්න.