இயல்பான ஓட்டம், பெரும்பாலான சூழ்நிலைகளில் வலைப்பக்கத்தில் கூறுகள் காட்டப்படும். HTML இல் உள்ள அனைத்து உறுப்புகளும் இன்லைன் பெட்டிகள் அல்லது தொகுதி பெட்டிகள் ஆகியவற்றில் உள்ள பெட்டிகளில் இருக்கும்.
பிளாக் பெட்டிகளை அடுக்கி வைக்கவும்
சாதாரண ஓட்டத்தில், தொகுதி பெட்டிகள் மற்ற பக்கம் (அவர்கள் HTML இல் எழுதப்பட்ட வரிசையில்) பிறகு ஒரு பக்கம் ஒரு நிலை. மேலே உள்ள பெட்டியின் மேல்புறத்தில் இடது புறத்தில் அவர்கள் தொடங்கி மேலே இருந்து கீழிருந்து தொடங்குகிறார்கள். ஒவ்வொரு பெட்டியுக்கும் இடையேயான தூரம் ஒன்று மேல் மற்றும் கீழ் விளிம்புகள் ஒன்றோடு ஒன்று சரிந்து கொண்டிருக்கும் விளிம்புகளால் வரையறுக்கப்படுகிறது.
உதாரணமாக, நீங்கள் பின்வரும் HTML ஐ கொண்டிருக்கலாம்:
இது முதல் DIV ஆகும். இது 200 பிக்சல்கள் அகலம் கொண்டது, அதன் சுற்றளவு 5px.
இது ஒரு பரந்த DIV ஆகும்.
இது இரண்டாவது ஒரு விட பிட் பரந்த ஒரு div ஆகும்.
ஒவ்வொரு DIV என்பது ஒரு தொகுதி உறுப்பு, எனவே அது முந்தைய தொகுதி உறுப்புக்கு கீழே வைக்கப்படும். ஒவ்வொரு இடது புற விளிம்பும் கொண்டிருக்கும் தொகுதிக்கு இடது புறம் தொட்டுவிடும்.
இன்லைன் பெட்டிகளை அடுக்கி வைக்கவும்
இன்லைன் பெட்டிகள் பக்கத்தில் கிடைத்துள்ளன, கிடைமட்டமாக, கொள்கலன் உறுப்பு மேல் மற்ற தொடக்கத்தில் ஒரு. ஒரு வரியில் இன்லைன் பெட்டியின் அனைத்து உறுப்புகளுக்கும் பொருந்தும் வகையில் போதுமான இடைவெளி இல்லாதபோது, அவர்கள் அடுத்த வரியை மூடிவிட்டு, அங்கு இருந்து செங்குத்தாக அடுக்கவும்.
எடுத்துக்காட்டாக, பின்வரும் HTML இல்:
இந்த உரை தைரியமான மற்றும் இந்த உரை சாய்வு உள்ளது . இது எளிய உரை.
பத்தி ஒரு தொகுதி உறுப்பு, ஆனால் 5 இன்லைன் உறுப்புகள் உள்ளன:
- "இந்த உரை"
- "போல்டு"
- "இந்த உரை"
- "இடாலிக்ஸில்"
- "இது சாதாரண உரை."
எனவே வலைப்பின்னல் வடிவமைப்பாளரால் எந்த தலையீடு இல்லாமல் வலைப்பக்கத்தில் இந்த பிளாக் மற்றும் இன்லைன் உறுப்புகள் எவ்வாறு காண்பது என்பது சாதாரண ஓட்டம் ஆகும்.
நீங்கள் ஒரு உறுப்பு ஒரு பக்கத்தில் இருந்தால் நீங்கள் பாதிக்க வேண்டும் என்றால் நீங்கள் CSS நிலை அல்லது CSS மிதவைகள் பயன்படுத்த முடியும்.