in English
Clearfix
clearfix උපයෝගීතාවයක් එක් කිරීමෙන් බහාලුමක් තුළ පාවෙන අන්තර්ගතය ඉක්මනින් සහ පහසුවෙන් ඉවත් කරන්න.
මව් මූලද්රව්යයටfloat
එකතු කිරීමෙන් s පහසුවෙන් ඉවත් කරන්න . මිශ්රණයක් ලෙසද භාවිතා කළ හැක..clearfix
HTML හි භාවිතා කරන්න:
<div class="clearfix">...</div>
Mixin මූලාශ්ර කේතය:
@mixin clearfix() {
&::after {
display: block;
clear: both;
content: "";
}
}
SCSS හි මික්සින් භාවිතා කරන්න:
.element {
@include clearfix;
}
පහත උදාහරණය මගින් clearfix භාවිතා කළ හැකි ආකාරය පෙන්වයි. පැහැදිලි නිශ්චය නොමැතිව එතීමේ div බොත්තම් වටා නොපැමිණෙන අතර එය බිඳුණු පිරිසැලසුමක් ඇති කරයි.
<div class="bg-info clearfix">
<button type="button" class="btn btn-secondary float-start">Example Button floated left</button>
<button type="button" class="btn btn-secondary float-end">Example Button floated right</button>
</div>