በ Padding እና Margins መካከል ያለውን ልዩነት ማወቅ

ዝርዝር ሁኔታ:

በ Padding እና Margins መካከል ያለውን ልዩነት ማወቅ
በ Padding እና Margins መካከል ያለውን ልዩነት ማወቅ
Anonim

ህዳጎች እና ፓዲንግ ግራ ሊጋቡ ይችላሉ ምክንያቱም በአንዳንድ መልኩ ተመሳሳይ ነገር ይመስላሉ፡ በምስል ወይም በነገር ዙሪያ ያለው ነጭ ቦታ። እርስዎ እንደ የድር ዲዛይነር ስለ ልዩነቶቻቸው ማወቅ ያለብዎት ነገር ይኸውና።

ፓዲንግ

ፓዲንግ በምስል ወይም በሴል ይዘቶች እና በውጪ ድንበሩ መካከል ያለ ክፍተት ነው። ከታች ባለው ምስል ላይ ማሸጊያው በይዘቱ ዙሪያ ያለው ቢጫ ቦታ ነው. በዚህ ሁኔታ, ንጣፍ በይዘቱ ዙሪያ ሙሉ በሙሉ ይሄዳል: ከላይ, ታች, ቀኝ እና ግራ ጎኖች. ለእያንዳንዱ ጎን ምን ያህል ንጣፍ (በመቶኛ ፣ ፒክስሎች ፣ ነጥቦች ፣ ወዘተ) መግለጽ ይችላሉ ፣ እና እነሱ ተመሳሳይ መሆን የለባቸውም። በዚህ መንገድ ይዘቱን በአንድ አካል ውስጥ ማስቀመጥ ይችላሉ።

Image
Image

Margins

በአንጻሩ ህዳጎች ከኤለመንቱ ድንበር ውጭ በኤለመንት እና በአጠገቡ ባለው ማንኛውም መካከል ያሉ ክፍተቶች ናቸው። በምስሉ ላይ, ህዳግ ከጠቅላላው ነገር ውጭ ያለው ነጭ ቦታ ነው. ልክ እንደ ንጣፉ, ህዳግ በዚህ ምሳሌ ውስጥ ባለው ይዘት ዙሪያ ሙሉ በሙሉ ይሄዳል: ከላይ, ከታች, በቀኝ እና በግራ በኩል. ዲቪዎችን እና ሌሎች ክፍሎችን በአንድ ገጽ ላይ ለማስቀመጥ ህዳጎችን መጠቀም ይችላሉ።

ገጾችዎን በተለያዩ አሳሾች፣ ኦፕሬቲንግ ሲስተሞች (ሞባይልን ጨምሮ) እና የስክሪን መጠኖች ልክ እንደፈለጋችሁት እንዲያሳዩ ሁልጊዜ ይሞክሩ።

የሚመከር: