HTMLలో, బటన్లు నిర్దిష్ట చర్యను నిర్వహించడానికి ఉపయోగించే క్లిక్ చేయగల అంశాలు. CSSని ఉపయోగించి, మీరు బటన్ను ఎక్కడ ఉంచాలనుకుంటున్నారో దాన్ని సెట్ చేయవచ్చు. అలా చేయడానికి, CSSలో అనేక పద్ధతులు ఉన్నాయి, వాటిలో ఒకటి ఫ్లెక్స్బాక్స్. ' ఫ్లెక్స్ ” అనేది దాని వీక్షణపోర్ట్ ప్రకారం మూలకం యొక్క స్థానాన్ని సెట్ చేయడానికి ఉపయోగించబడుతుంది.
ఈ కథనం CSS ఫ్లెక్స్బాక్స్ని ఉపయోగించి బటన్ను ఎలా మధ్యలో ఉంచాలో నేర్పుతుంది.
కాబట్టి, ప్రారంభిద్దాం!
CSS ఫ్లెక్స్బాక్స్ని ఉపయోగించి బటన్ను ఎలా మధ్యలో ఉంచాలి?
' ఫ్లెక్స్ ” అనేది CSS యొక్క డిస్ప్లే ప్రాపర్టీ కోసం సెట్ చేయబడిన విలువ. వీక్షణపోర్ట్ పరిమాణంపై ఆధారపడి, ఇది కంటెంట్ లేదా మూలకాలను అనుగుణంగా సెట్ చేస్తుంది. CSSలో, ఫ్లెక్స్ విలువ మూలకాలు సమర్ధవంతంగా అమర్చబడిందని నిర్ధారించడానికి వాటి మధ్య సమాన ఖాళీని సృష్టిస్తుంది.
వాక్యనిర్మాణం
పైన ఇచ్చిన సింటాక్స్లో, “ ఫ్లెక్స్ '' విలువగా పేర్కొనబడుతుంది ప్రదర్శన ”ఆస్తి.
కాబట్టి, ఫ్లెక్స్ ఉపయోగించి బటన్ను కేంద్రీకరించడానికి ఉదాహరణను చూద్దాం.
ఉదాహరణ
HTML యొక్క
లో, మేము