CSS మీదరిక్ష మెర్జిన్

外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。

合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

外边距合并

外边距合并（叠加）是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。

简单地说，外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

当一个元素出现在另一个元素上面时，第一个元素的下外边距与第二个元素的上外边距会发生合并。请看下图：

CSS మీదరిక్ష మెర్జిన్ మెర్జిన్ ఉదాహరణ 1

ప్రయోగించండి

ఒక ఎలిమెంట్ మరొక ఎలిమెంట్ లోపల ఉన్నప్పుడు (అందుకు పైన మార్జిన్ లేదా బోర్డర్ లేదా ఫిల్ల్ లేదా పైన మార్జిన్ లేదా బోర్డర్ లేదా ఫిల్ల్ ఉండకూడదు), వాటి పైన మార్జిన్ లేదా క్రింది మార్జిన్ కలయిక జరుగుతాయి. దిగువ చిత్రాన్ని చూడండి:

CSS మీదరిక్ష మెర్జిన్ మెర్జిన్ ఉదాహరణ 2

ప్రయోగించండి

అయితే చూసినట్లు పరిగణనీయంగా లేకపోవచ్చు, కానీ మార్జిన్స్ కూడా స్వయంగా కలయిక జరగవచ్చు.

ఒక ఖాళీ ఎలిమెంట్ ఉన్నప్పుడు, దానికి మార్జిన్ ఉంది కానీ కాంటెయిన్ లేదా ఫిల్ల్ లేవు అయినప్పుడు, దాని పైన మార్జిన్ మరియు క్రింది మార్జిన్ కలయిక జరుగుతాయి:

CSS మీదరిక్ష మెర్జిన్ మెర్జిన్ ఉదాహరణ 3

ఈ మార్జిన్ మరొక ఎలిమెంట్ మార్జిన్తో భేదించినప్పుడు, ఇది కూడా కలయిక జరుగుతుంది:

CSS మీదరిక్ష మెర్జిన్ మెర్జిన్ ఉదాహరణ 4

ఇది ఒక సరిహద్దు పేరాటల పరమైన మొత్తం వాల్యూమ్ చిన్నగా ఉండడానికి కారణం, ఎందుకంటే వాటి అన్ని మార్జిన్స్ కలయిక జరుగుతాయి, అందువల్ల ఒక చిన్న మార్జిన్ ఏర్పడుతుంది.

మార్జిన్ కలయిక మొదటిసారి చూసినప్పుడు పరిగణనీయంగా లేకపోవచ్చు, కానీ వాస్తవానికి ఇది ప్రామాణికము. అనేక పేరాటలు కలిగిన సాధారణ పాఠ్యపుటలో ఉదాహరణకు. మొదటి పేరాటం పైన స్థలం పేరాటం పైన మార్జిన్ కలయిక. మార్జిన్ కలయిక లేకపోతే, తరువాతి పేరాటల మధ్య మార్జిన్స్ అన్నింటికీ పైన మార్జిన్ మరియు క్రింది మార్జిన్ యొక్క మొత్తం ఉంటుంది. ఇది మొత్తం మార్జిన్ అన్నింటికీ పైన మార్జిన్ మరియు క్రింది మార్జిన్ యొక్క మొత్తం ఉంటుంది. ఇది పేరాటల మధ్య స్థలం పేరాటం పైన మార్జిన్ యొక్క రెండురెట్లు ఉంటుంది. మార్జిన్ కలయిక జరిగితే, పేరాటల మధ్య పైన మార్జిన్ మరియు క్రింది మార్జిన్ కలయిక జరుగుతుంది, అందువల్ల ప్రతి ప్రదేశంలో దూరం ఏకంగా ఉంటుంది.

CSS మీదరిక్ష మెర్జిన్ యొక్క వాస్తవ అర్థం

పేర్కొనుట:సాధారణ డాక్యుమెంట్ స్ట్రీమ్ లోని బ్లాక్ బాక్స్ వాల్యూమ్ వెర్టికల్ మార్జిన్స్ మాత్రమే మార్జిన్ కలయిక జరుగుతుంది. ఇన్‌లైన్ బాక్స్, ఫ్లోటింగ్ బాక్స్ లేదా ఆబ్స్ట్రాక్ట్ పోజిషన్ లోని మార్జిన్స్ కలయిక జరగదు.

అన్ని CSS పెరిఫరల్ మార్జిన్ అట్రిబ్యూట్స్

属性 描述
margin 用于在一条声明中设置外边距属性的简写属性。
margin-bottom 设置元素的下外边距。
margin-left 设置元素的左外边距。
margin-right 设置元素的右外边距。
margin-top 设置元素的上外边距。