இணையப் பக்கங்களை வடிவமைக்கும் போது, டெவலப்பர்கள் படங்கள், உரை, அட்டவணைகள் மற்றும் பிறவற்றை உள்ளடக்கிய பல்வேறு கூறுகளைச் சேர்க்கலாம். மேலும், பல CSS பண்புகளைப் பயன்படுத்தி ஒரு div இல் உரையை மையமாக சீரமைக்க முடியும். உரையை கிடைமட்டமாக மையப்படுத்துவதற்கான மிகவும் பிரபலமான முறை ' உரை-சீரமைப்பு ” பண்பு. மேலும், நீங்கள் இதைப் பயன்படுத்தலாம் ' வரி உயரம் 'மற்றும்' செங்குத்து-சீரமைப்பு ” உரையை செங்குத்தாக சீரமைப்பதற்கான பண்புக்கூறுகள்.
இந்த இடுகையில் உரையை செங்குத்தாகவும் கிடைமட்டமாகவும் மையப்படுத்துவதற்கான முறையைக் கூறும்.
ஒரு div இன் உள்ளே உரையை கிடைமட்டமாக மையப்படுத்துவது எப்படி?
ஒரு div க்குள் உரையை கிடைமட்டமாக மையப்படுத்த, கொடுக்கப்பட்ட செயல்முறையைப் பார்க்கவும்.
படி 1: ஒரு div கொள்கலனை உருவாக்கவும்
ஆரம்பத்தில், '' உதவியுடன் ஒரு div கொள்கலனை உருவாக்கவும் 'இன் உதவியுடன் div கொள்கலனை அணுகவும். ஐடி 'தெரிப்பாளருடன் பண்புக்கூறு பெயர்' # ” மற்றும் பின்வரும் CSS பண்புகளைப் பயன்படுத்தவும்: உருவாக்கப்பட்ட div இன் உள்ளே கிடைமட்டமாக சீரமைக்கப்பட்ட உரையை வெற்றிகரமாக மையப்படுத்தியிருப்பதைக் காணலாம்: ஒரு div கொள்கலனுக்குள் உரையை செங்குத்தாக மையப்படுத்த, வழங்கப்பட்ட வழிமுறைகளைப் பின்பற்றவும். படி 1: div கொள்கலனை அணுகவும் முதலில், உருவாக்கப்பட்ட div கொள்கலனை அணுகவும். படி 2: CSS பண்புகளை செங்குத்தாக மைய உரைக்கு பயன்படுத்தவும் பின்னர், கீழே பட்டியலிடப்பட்டுள்ள CSS பண்புகளை ஒரு div இல் செங்குத்தாக உரையை மையப்படுத்தவும்: வெளியீடு ஒரு div இன் உள்ளே உரையை செங்குத்தாகவும் கிடைமட்டமாகவும் மையப்படுத்த, முதலில்,
< div ஐடி = 'உள்ளடக்கத்தை சீரமைத்தல்' >
Linuxhint சிறந்த வலைத்தளங்களில் ஒன்றாகும் க்கான உள்ளடக்க உருவாக்கம்.
div >
வெளியீடு
படி 2: உரையை மையமாக சீரமைக்க div கொள்கலனை அணுகவும்
அகலம்: 80 % ;
விளிம்பு: 0 ஆட்டோ;
திணிப்பு: 20px;
பின்னணி: #c8edf3;
text-align: மையம்;
நிறம்: rgb ( 49 , பதினைந்து , 240 ) ;
}
இங்கே:
ஒரு div இன் உள்ளே உரையை செங்குத்தாக மையப்படுத்துவது எப்படி?
காட்சி: அட்டவணை-செல்;
அகலம்: 300px;
உயரம்: 150px;
திணிப்பு: 10px;
நிறம்: நீலம்;
பின்னணி நிறம்: rgb ( 248 , 215 , 166 ) ;
எல்லை: 3px கோடு #f09d03;
vertical-align: நடுத்தர;
}
மேலே உள்ள குறியீடு துணுக்கின் படி:
கொள்கலனுக்குள் உரையை செங்குத்தாகவும் கிடைமட்டமாகவும் இரு வழிகளிலும் மையப்படுத்துவதற்கான முழுமையான செயல்முறையைப் பற்றி நீங்கள் கற்றுக்கொண்டீர்கள். முடிவுரை