CSS Flexbox ஐப் பயன்படுத்தி ஒரு பட்டனை மையப்படுத்துவது எப்படி

Css Flexbox Aip Payanpatutti Oru Pattanai Maiyappatuttuvatu Eppati



HTML இல், பொத்தான்கள் என்பது ஒரு குறிப்பிட்ட செயலைச் செய்யப் பயன்படுத்தப்படும் கிளிக் செய்யக்கூடிய கூறுகள். CSS ஐப் பயன்படுத்தி, நீங்கள் அதை வைக்க விரும்பும் பொத்தானின் நிலையை அமைக்கலாம். அவ்வாறு செய்ய, CSS இல் பல நுட்பங்கள் உள்ளன, அவற்றில் ஒன்று flexbox ஆகும். ' நெகிழ்வு ” என்பது அதன் பார்வைக்கு ஏற்ப உறுப்பு நிலையை அமைக்க பயன்படுகிறது.

CSS ஃப்ளெக்ஸ்பாக்ஸைப் பயன்படுத்தி ஒரு பொத்தானை எவ்வாறு மையப்படுத்துவது என்பதை இந்தக் கட்டுரை கற்பிக்கும்.







எனவே, தொடங்குவோம்!



CSS ஃப்ளெக்ஸ்பாக்ஸைப் பயன்படுத்தி பொத்தானை மையப்படுத்துவது எப்படி?

' நெகிழ்வு ” என்பது CSS இன் காட்சிப் பண்புக்காக அமைக்கப்பட்ட மதிப்பு. வியூபோர்ட் அளவைப் பொறுத்து, அதற்கேற்ப உள்ளடக்கம் அல்லது கூறுகளை அமைக்கிறது. CSS இல், நெகிழ்வு மதிப்பு உறுப்புகளுக்கு இடையே சமமான இடைவெளியை உருவாக்கி அவை திறமையாக ஒழுங்கமைக்கப்படுவதை உறுதி செய்கிறது.



தொடரியல்





மேலே கொடுக்கப்பட்ட தொடரியல், “ நெகிழ்வு '' இன் மதிப்பாக குறிப்பிடப்படும் காட்சி ”சொத்து.



எனவே, ஃப்ளெக்ஸைப் பயன்படுத்தி பொத்தானை மையப்படுத்துவதற்கான உதாரணத்தைப் பார்க்கலாம்.

உதாரணமாக

HTML இன் இல்,

வகுப்பைக் கொண்ட ஒரு கொள்கலனை உருவாக்குவோம் “ பொத்தானை ” மற்றும் அதன் உள்ளே