நிலையான அகலம் அமைப்பை மையமாகக் கொண்ட மையத்திற்கு CSS ஐப் பயன்படுத்துக

நிலையான அகல அமைப்பு அங்கு பிரபலமான உலாவிகளில் சில மையமாக கடினமாக இருக்க முடியும், ஆனால் அது குறியீடு மட்டுமே ஒரு சில வரிகளை கொண்டு, சாத்தியம்.

இங்கே எப்படி இருக்கிறது

1. உங்கள் HTML ஆசிரியர் ஒரு CSS நடைதாளுடன் ஒரு புதிய வலை பக்கம் உருவாக்கவும்.
2. பக்கத்தில் உள்ள அனைத்தையும் சேமிப்பதற்கான பக்கத்தின் முதன்மை உறுப்பு என ஒரு div உறுப்பு உருவாக்கவும்.
3. அந்த div உறுப்பு பக்கத்தில் தனிப்பட்ட ஒரு ஐடி கொடுங்கள்.
4. உங்கள் CSS நடை தாளை திறந்து உங்கள் div உறுப்பு அகலம் அமைக்க. div # main {width: 750px; }
5. உங்கள் div மையத்தில் தானியங்கி விளிம்புகளைச் சேர்க்கவும். div # main {width: 750px; விளிம்பு இடது: கார்; விளிம்பு வலது: கார்}
6. நெட்ஸ்கேப் 4 மற்றும் IE 4 - 6 ( க்யூர்க்ஸ் பயன்முறை ) ஆகியவற்றை சரிசெய்ய, உடலில் ஒரு உரை-சீரமைப்பு சேர்க்கவும். உடல் {text-align: center; }
7. ஆனால் உள்ளே அனைத்து உரை மையமாக உள்ளது, எனவே உரை align சேர்ப்பதன் மூலம் உங்கள் # main div உள்ள உரை மீண்டும் align: இடது; அங்கு. div # main {width: 750px; விளிம்பு இடது: கார்; விளிம்பு வலது: கார்; உரை-சீரமைப்பு: இடது; }
8. உங்கள் பக்கம் மற்றும் உங்கள் நடை தாள் சேமிக்கவும்.
9. பல வலை உலாவிகளில் சோதனை.

குறிப்பு

இது அமைப்பு பெட்டியை மையமாகக் கொண்டிருக்கும், ஆனால் அதில் உள்ள உள்ளடக்கம் இல்லை. உட்புற உள்ளடக்கத்தை மையமாகக் கொண்ட உரை-அலைவரிசை பயன்படுத்தவும்.