CSS හි flex බ්ලොක් සංසිඳුවනය මත මූලද්රව්යවල ලොභයේ බලපෑම
දැන් අපි ලොභයේ බලපෑම බලමු.
සියලු උපාංගවලට පළල ඉවත් කර
උපාංග සඳහා flex-grow
1 ලෙස සකසන්න,
දෙවන උපාංගය සඳහා - 3 ලෙස සකසන්න.
එහි ප්රතිඵලයක් ලෙස දෙවන බ්ලොක් එක
අනෙක් ඒවාට වඩා 3 ගුණයකින් විශාල වනු ඇත.
කෙසේ වෙතත්, ඔබ කවුළුව ප්රමාණවත් තරම් හකුළුවන්නේ නම්,
දෙවන බ්ලොක් එක තවදුරටත් අනෙක් ඒවාට වඩා
3 ගුණයකින් විශාල නොවනු ඇත - ඉතා හකුළු වූ විට වෙනස
මකා දමනු ලැබේ. පහත උදාහරණය සමඟ ක්රීඩා කර, බ්රවුසර කවුළුව
පුළුල් කර හකුළුවමින් ඔබම එය සත්යාපනය කරන්න:
න්යායාත්මක කොටසෙහි ඇති ආකෘතිය අනුව උදාහරණය නැවත කරන්න.
