የተማከለ: የሲ ኤስ ኤስ-አቀማመጥ

ከገጹ አቀማመጥ አንድ ማዕከል የሲ-መንገድ ለማድረግ ብዙውን ጊዜ አስፈላጊ ነው; ጊዜ: ለምሳሌ ያህል, ዋናው አሃድ ወደ መሃል. ይዋል ይደር እንጂ ማንኛውም coder ለመጠቀም ይሆናል እያንዳንዱ ይህን ችግር በርካታ መፍትሄዎች አሉ.

መሃል ላይ የጽሁፍ አሰላለፍ

ብዙውን ጊዜ ጌጥ ዓላማዎች እናንተ መጫን ጊዜ ለመቀነስ, በዚህ ጉዳይ ላይ ያተኮረ ጽሑፍ, CSS ማዘጋጀት ይፈልጋሉ. ከዚህ በፊት ይህንን ኤች ቲ ኤም ኤል-ባህርያት በመጠቀም እንዳደረገ ነበር, ነገር ግን አሁን መስፈርት ቅጥ ወረቀት ጋር የጽሁፍ አሰላለፍ ያስፈልጋል. አንድ ነጠላ መስመር ጋር ነው መሃል ላይ ጽሑፍ CSS አሰላለፍ ውስጥ ውጫዊ ድብዳብ መቀየር ይፈልጋሉ ይህም ለ የማገጃ ወደ በተቃራኒው:

• የጽሑፍ-align: center;

ይህ ንብረት በውርስ ሁሉ ልጆች ወላጅ ተሻገረ ነው. ይህ ጽሑፍ ሳይሆን ሌሎች ንጥረ ነገሮች ብቻ ሳይሆን ይነካል. ይህ ዓላማ, እነዚህ ንዑስ መሆን አለበት (ለምሳሌ, span) ወይም ረድፍ-የማገጃ (ማሳያ ንብረት መጥቀስ ማንኛውም ብሎኮች: የማገጃ). የመጨረሻውን አማራጭ ደግሞ ወርድ እና አባል ቁመት, ወደ በገቡ ይበልጥ ተጣጣፊ ውቅር ለመለወጥ ይፈቅዳል.

ገጾች ራሱን ብዙ ጊዜ ወደ መለያ መገለጫ አሰልፍ. ይህ ወዲያውኑ W3C አሰልፍ ባህሪ ያለፈበት እውቅና ጀምሮ, ኮድ ትክክል ያደርገዋል. በአንድ ገጽ ላይ መጠቀም አይመከርም.

የተማከለ የማገጃ

እርስዎ መሃል ላይ ያለውን div ያለውን አሰላለፍ ለማዘጋጀት የሚፈልጉ ከሆነ, የ CSS በጣም ምቹ መንገድ ማቅረብ ይችላሉ: ውጫዊ ድብዳብ ህዳግ መጠቀም. ድብዳብ ወደ የማገጃ ንጥረ ነገሮች, እና መስመር-የማገጃ እንደ ሊገለጹ ይችላሉ. Svoysva እሴት 0 (ቋሚ ድብዳብ), እና ራስ (በአግድም ሰር በገቡ) መሆን አለባቸው:

• ህዳግ: 0 ራስ;

አሁን ይህ አማራጭ ፈጽሞ ተቀባይነት እውቅና ነው. CSS-ህዳግ ንብረት ለእኛ ገጽ ላይ ያለውን አቀማመጥ አባል ጋር የተያያዙ በርካታ ችግሮች ለመፍታት ያስችልዎታል: ውጫዊ ድብዳብ በመጠቀም ደግሞ እናንተ ማዕከል አሰላለፍ እንዲያዋቅሩ ያስችልዎታል.

ወደ የማገጃ በግራ ወይም በቀኝ ጠርዝ አሰላለፍ

አንዳንድ ጊዜ የሲ-መንገድ ማዕከል አሰላለፍ የሚጠይቁ አይደለም, ነገር ግን በሚቀጥሉት ሁለት ብሎኮች, በግራ በኩል አንድ እና ሌላ ማስቀመጥ አስፈላጊ ነው - ቀኝ ሆነው. ለዚህ ሦስት እሴቶች መካከል አንዱ ሊወስድ የሚችለውን እንዲንሳፈፍ ንብረት አለ: ቀኝ ወይም የለም, ግራ. የአምላክ እርስዎ ጎን ለጎን ይመደባሉ ያለበት ሁለት ብሎኮች አለህ እንበል. ከዚያም ከታች በስእሉ እንደሚታየው ኮድ ነው:

• .left {እንዲንሳፈፍ: ይቀራል;}
• .right {እንዲንሳፈፍ: ቀኝ}

የመጀመሪያዎቹ ሁለት ብሎኮች (ለምሳሌ, ግርጌ) ስር የሚገኝ መሆን አለበት ይህም ሦስተኛ የማገጃ, ካለ, ከዚያም ግልጽ ባህሪ ለመመዝገብ አስፈላጊ ነው:

• .left {እንዲንሳፈፍ: ይቀራል;}
• .right {እንዲንሳፈፍ: ቀኝ}
• ግርጌ {ግልጽ: ሁለቱም}

ጠቅላላ ፍሰት ውጭ ግራ እና ቀኝ መውደቅ ክፍሎች ጋር ብሎኮች, ይህም ማለት, ሁሉንም ሌሎች ንጥረ ነገሮች ተሰልፏል ንጥረ ሕልውና ችላ መባሉ. ንብረት ግልጽ: ሁለቱም ፍሰት ሕዋሳት ከ ያስከተለው ግርጌ የማገጃ ወይም ሌላ ማንኛውም የሚታዩ ያስችላል እና የግራ እና የቀኝ በሁለቱም ላይ መጠቅለያ (እንዲንሳፈፍ) ይከለክላል. ስለዚህ, በእኛ ምሳሌ ውስጥ, ወደ ግርጌ ወደ ታች የተፈናቀሉ ነው.

ቋሚ አሰላለፍ

በቂ አይደለም የሲ-መንገዶች መካከል ማዕከል አሰላለፍ ማዘጋጀት የት አጋጣሚዎች አሉ, እናንተ ደግሞ ሕፃን የማገጃ ያለውን ቋሚ ቦታ መቀየር አለበት. ማንኛውም መስመር ወይም ረድፍ-የማገጃ ንጥረ ወላጅ አባል መሃል ላይ በሚገኘው ወይም የዘፈቀደ አካባቢ ላይ መሆን, በላይኛው ወይም የታችኛው ጠርዝ ላይ ሲጫን ይቻላል. በጣም ብዙ ጊዜ የማገጃ መሃል ስለ አሰላለፍ ይጠይቃሉ, ይህ ቀዋሚ-align አይነታ ይጠቀማል. በሌላ ውስጥ ጎጇቸውን ሁለት ብሎኮች, አንድ ሰው አለ እንበል. ረድፍ-የማገጃ አባል (የመስመር-የማገጃ ማሳያ) - በዚህ የቤት ክፍል ውስጥ. ይህ ቋሚ የማገጃ ልጅ ለማቀናጀት አስፈላጊ ነው:

• በላይኛው ወሰን ውስጥ አሰላለፍ - .child {ቋሚ-አሰላለፍ: ከላይ};
• ማዕከል - .child {ቋሚ-አሰላለፍ: መሃል};
• ታች ጠርዝ አሰላለፍ - .child {ቋሚ-አሰላለፍ: ከስር};

የማገጃ አባሎች ላይ የድምጽ ጽሑፍ-align, ወይም ቋሚ-align ተግባራዊ አይሆንም.

የተሰለፉ መለኪያዎች ጋር ሊሆኑ የሚችሉ ችግሮች

አንዳንድ ጊዜ አንድ ትንሽ ችግር ሊያስከትል ይችላል የሲ-መንገድ መሃል አሰልፍ div. ማንሳፈፊያ በመጠቀም ለምሳሌ ያህል,: ተርጓሚው .second እና .third: ለምሳሌ ያህል, ሦስት ያግዳል አሉ. ሁለተኛው እና ሦስተኛው ብሎኮች በመጀመሪያው ላይ ይተኛል. አንድ ክፍል ጋር አንድ ኤለመንት ሁለተኛ-ግራ ተሰልፏል, እና የመጨረሻው የማገጃ - በቀኝ በኩል. ትብብሩን በኋላ ሁለቱ ዥረት ከ አንጠበጠቡ. ወላጅ አባል ቁመት የተገለጸ ከሆነ (ለምሳሌ, 30em), ይህ ንዑስ ክፍሎች ከፍታ መዘርጋት ያቆማሉ. .second እና .third ያያል ይህም ልዩ አሃድ: - ይህን ስህተት ለማስቀረት, የ "spacer" ይጠቀማሉ. CSS-ኮድ:

• .second {ለመንሳፈፍ: ግራ}
• .third {እንዲንሳፈፍ: ቀኝ}
• .clearfix {ቁመት: 0; ግልጽ: ሁለቱም;}

ሃሳዊ ብዙውን ጊዜ ጥቅም ላይ: በኋላ ደግሞ psevdorasporki በመፍጠር ስፍራ ወደ ብሎኮች ለመመለስ ያስችላቸዋል (ክፍል ጋር div ውስጥ ምሳሌ ውስጥ መያዣ ውስጥ ውሸት እና ተርጓሚው .left እና .right ይይዛል):

• .left {እንዲንሳፈፍ: ግራ}
• .right {እንዲንሳፈፍ: ቀኝ}
• .container: {ይዘት በኋላ: ''; ማሳያ: ሰንጠረዥ; ግልጽ: ሁለቱም;}

ከላይ ያሉት አማራጮች - በጣም የተለመደ, አንዳንድ ልዩነቶች አሉ ቢሆንም. ሁልጊዜ ሙከራዎችን በማድረግ psevdorasporki ለመፍጠር ቀላሉ እና በጣም ምቹ መንገድ ማግኘት ይችላሉ.

ሌላው ችግር በተደጋጋሚ አቀማመጥ አጋጥሞታል - መስመር-የማገጃ ንጥረ ነገሮች አሰላለፍ. ከእነርሱ እያንዳንዳቸው በኋላ አንድ ቦታ ሰር ታክሏል ነው. ማስተናገድ ይህም አሉታዊ በገቡ በ ይገለጻል ያለውን ህዳግ ንብረት, ያግዛል. , ያነሰ በተደጋጋሚ ጥቅም ላይ ለምሳሌ ያህል, ዳግም ናቸው ሌሎች መንገዶች አሉ የቅርጸ-ቁምፊ መጠን. በዚህ ሁኔታ ውስጥ, ወላጅ አባል ያለውን ንብረት ቅርጸ-ቁምፊ መጠን ይመዘግባል: 0. ጽሁፍ ስብስብ ውስጥ የሚገኙ ከሆነ, መስመር-የማገጃ ኃይሎች ንብረት የተፈለገውን የቅርጸ-ቁምፊ መጠን ተመልሰዋል. ለምሳሌ ያህል, ቅርጸ-ቁምፊ መጠን: 1em. የ ስልት ሁልጊዜ አመቺ አይደለም, ስለዚህ በጣም በተለምዶ ውጫዊ ጠርዞች ጋር ስሪት ጥቅም ላይ ይውላል.

አጠቃላይ አቀማመጥ እና አቀማመጥ, እና ሱቆች ውስጥ ዕቃዎች አካባቢ, እና ፎቶዎችን አንድ ትንሽ ልጅ በጣቢያው ላይ: ያግዳል ተወካይነት አንተ ውብ እና ተግባራዊ ገጾችን ለመፍጠር ያስችልዎታል.