සාමාන්ය ප්රවාහය

සාමාන්ය ප්රවාහය තුළ බොහෝ විට වෙබ් පිටුවක ප්රදර්ශනය වන සාමාන්ය ප්රවාහය වේ. HTML හි සියලුම අංග පේළිලි පේළිය ඇතුලත හෝ පෙට්ටි පෙට්ටි ඇත.

කොටස් තැබීම

සාමාන්ය ප්රවාහයේ දී, අක්රිය කොටු එකිනෙකට පිටු එකකට ස්ථානගත කරනු ලැබේ (ඒවායේ HTML අනුපිළිවෙල අනුව). ඒවා අඩංගු කොටුවෙහි ඉහළ වම්පස සිට ඉහළට පහළට පහළින් දක්නට ලැබේ. එක් එක් පෙට්ටිය අතර ඇති දුර නිර්වචනය වන්නේ ඉහළ සහ පහළ මායිම් එකිනෙකට වැටීමෙනි.

උදාහරණයක් ලෙස, ඔබට පහත සඳහන් HTML ඇත:

මෙය පළමු ඩී. එය අවට පෙට්ටි 200 ක් සහිතව 5px ආන්තිකය සහිතය.

මෙය පුළුල් ප්රදේශයකි.

මේ දෙවෙනි එකට වඩා ටිකක් පළල.

සෑම DIV යනු බ්ලොක් මූලද්රව්යයක් වන අතර එම නිසා එය පෙර බ්ලොක් මූලද්රව්යයට පහළින් තබනු ලැබේ. එක් එක් පිටත වම් පසින් අන්තර්ගත කොටසේ වම් කෙළවරට ස්පර්ශ වේ.

පේළි පිටකිරීමේ ක්රියාවලිය

පේළියේ ඇති පේළිය හරස් අතට උඩින්, පිටුපසින් පේළියක කූඩුවල මූලද්රව්යයේ ඉහළින් ආරම්භ වේ. එක් පේළියක ඇලුමාරම් කොටුවෙහි සියළු අංග සවි කිරීමට ප්රමාණවත් ඉඩකඩක් නොමැති විට, ඔවුන් ඊළඟ රේඛාවට ඔසවා ගෙන එනු ඇත.

උදාහරණයක් ලෙස, පහත දැක්වෙන HTML වලින්:

මෙම අකුර නිර්ලජ්ජිත වන අතර මෙම පාඨය ඇලකුරු වේ. මෙය සාමාන්ය පාඨයකි.

ඡේදය යනු බ්ලොක් මූලද්රව්යයකි, නමුත් පේළි 5 ක් අඩංගු වේ:

• "මෙම පාඨය"
• "තදකුරු"
• "මෙම පාඨය"
• "ඇලකුරු"
• "මෙය සාමාන්ය පාඨයකි."

එබැවින් සාමාන්ය ප්රවාහය මෙම වෙබ් අඩවි නිර්මාණකරු විසින් කිසිදු මැදිහත්වීමක් නොමැතිව වෙබ් අඩවියේ ප්රදර්ශනය කරනු ලැබේ.

ඔබට කිසියම් පිටුවක තිබෙන ස්ථානයක් බලපාන්නට අවශ්ය නම් CSS ස්ථානකරණය හෝ CSS floats භාවිතා කළ හැකිය.