ஒரு உரையை எங்கும் எளிதாகச் சேர்க்கலாம், ஆனால் சீரமைப்பு இல்லாமல், அது வெளிப்படுத்த முடியாததாகவும் குறைவான கவர்ச்சிகரமானதாகவும் தோன்றலாம். சீரமைக்கப்படாத உரை இணையப் பக்கத்தின் முழு தோற்றத்தையும் தொந்தரவு செய்யலாம். இணைய பயன்பாடுகளில் இதுபோன்ற விஷயங்களைச் சமாளிக்க, CSS இன் சில பயனுள்ள பண்புகளை நாங்கள் பயன்படுத்தலாம், அவை எந்த நேரத்திலும் உரைகளை சீரமைக்க உதவும்.
CSS இல் உரையை செங்குத்தாக எவ்வாறு சீரமைப்பது என்பதை இந்தக் கட்டுரை விளக்குகிறது.
CSS இல் உரையை செங்குத்தாக சீரமைப்பது எப்படி?
CSS இல், உரையை செங்குத்தாக சீரமைக்க பின்வரும் பண்புகளை நீங்கள் பயன்படுத்தலாம்:
-
- வரி உயர சொத்து
- உருப்படிகளின் பண்புகளைக் காட்சிப்படுத்துதல் மற்றும் சீரமைத்தல்
இப்போது, ஒவ்வொரு முறையையும் ஒவ்வொன்றாகப் பார்ப்போம்!
முறை 1: CSS இல் உரையை செங்குத்தாக சீரமைக்க வரி உயரப் பண்புகளைப் பயன்படுத்துதல்
' வரி உயரம் 'பண்பு கீழ் மற்றும் மேல்நோக்கிய இன்லைன் கூறுகளைக் குறிப்பிடுகிறது. இது மற்ற பொருட்களிலிருந்து ஒரு உரையின் தூரத்தை அமைக்கிறது. கோடு-உயரப் பண்புகளைப் பயன்படுத்தி, உரையை எளிதாக நடுவில் செங்குத்தாக சீரமைக்க முடியும்.
உதாரணமாக
தற்போது மேல் இடது பக்கத்தில் அமைந்துள்ள ஒரு பெட்டியில் (எல்லை) ஒரு உரை இங்கே உள்ளது. இந்த உரையை செங்குத்தாகவும் கிடைமட்டமாகவும் மையத்தில் சீரமைப்போம்:
இப்போது அடுத்த முறைக்கு செல்லலாம். ' ஃப்ளெக்ஸ்பாக்ஸ் ” என்பது ஒரு பரிமாண தளவமைப்பு ஆகும், இது HTML ஐ வடிவமைக்க உங்களை அனுமதிக்கிறது. பொருட்களை செங்குத்தாக அல்லது கிடைமட்டமாக சீரமைக்கவும் இதைப் பயன்படுத்தலாம். எனவே, ஒரு உதாரணத்தை எடுத்துக்கொண்டு, ஃப்ளெக்ஸ்பாக்ஸின் உதவியுடன் ஒரு உரையை செங்குத்தாக சீரமைப்போம். உதாரணமாக முதலில், '' இன் மதிப்பை அமைப்பதன் மூலம் எங்கள் கொள்கலனை நெகிழ்வானதாக மாற்றுவோம் காட்சி 'சொத்து' நெகிழ்வு ”. அடுத்து, '' ஐப் பயன்படுத்தவும் align-பொருட்கள் மையத்தில் உள்ள உள்ளடக்கத்தை செங்குத்தாக அமைப்பதற்கான சொத்து. மேலும், மையத்தில் உள்ள உள்ளடக்கத்தை கிடைமட்டமாக சீரமைக்க, ' நியாயப்படுத்த-உள்ளடக்கம் 'சொத்து பயன்படுத்தப்படும்: CSS இல், உரையை எளிதாக செங்குத்தாக சீரமைக்க முடியும். வரி உயரம் ”சொத்து. நீங்கள் இதையும் பயன்படுத்தலாம் ' நெகிழ் பெட்டி 'உடன் உரையின் செங்குத்து சீரமைப்புக்கு' காட்சி 'மற்றும்' align-பொருட்கள் 'பண்புகள். ஃப்ளெக்ஸ்பாக்ஸ் என்பது ஒரு பரிமாண தளவமைப்பு மற்றும் பொருட்களின் செங்குத்து அல்லது கிடைமட்ட சீரமைப்புக்கு பயன்படுத்தப்படுகிறது. CSS இல் உரையை செங்குத்தாக சீரமைக்க உதவும் இரண்டு எளிய முறைகளை இந்த இடுகை வழங்குகிறது.
இதைச் செய்ய, ஒரு கொள்கலனைச் சேர்க்கவும் '
சிறந்த கல்வி இணையதளம் !
div >
பெட்டி '' ஐப் பயன்படுத்தி உருவாக்கப்படுகிறது 3px 'எல்லை மற்றும்' 250px 'உயரம். ' எழுத்துரு அளவு 'சொத்து மதிப்புடன் பயன்படுத்தப்படுகிறது' 24px ” எழுத்துரு தெரியும்படி செய்ய. நாங்கள் ஒரு பகுதியை ஒதுக்குவோம் ' வரி உயரம் 'இன்' 250px ” அதன் உரையை நடுவில் செங்குத்தாக சீரமைக்க. அடுத்து, நாம் பயன்படுத்துவோம் ' உரை-சீரமைப்பு மையத்தில் உள்ள உரையை சீரமைப்பதற்கான சொத்து:
வரி உயரம்: 250px;
text-align: மையம்;
எழுத்துரு அளவு: 24px;
உயரம்: 250px;
எல்லை: 3px திட;
}
நீங்கள் பார்க்க முடியும் என, வரி-உயரம் பயன்படுத்தி உரை செங்குத்தாக மையத்திற்கு சீரமைக்கப்பட்டது மற்றும் உரை-சீரமைத்தல் பண்புடன் மையத்திற்கு கிடைமட்டமாக. முறை 2: CSS இல் உரையை செங்குத்தாக சீரமைக்க காட்சி மற்றும் align-items பண்புகளைப் பயன்படுத்துதல்
காட்சி: நெகிழ்வு ;
align-items: மையம்;
நியாயப்படுத்து-உள்ளடக்கம்: மையம்;
எழுத்துரு அளவு: 24px;
உயரம்: 200px;
எல்லை: 3px திட;
}
குறிப்பிடப்பட்ட உரை வெற்றிகரமாக மையத்திற்கு சீரமைக்கப்பட்டது:
CSS இல் உரையை செங்குத்தாக சீரமைப்பது தொடர்பான முறைகளை வழங்கியுள்ளோம். முடிவுரை