የሲ ኤስ ኤስ ተንሳትን መረዳት

የሲ.ሲ.ኤስ. ተንሳታፍ ንብረትን በድር ገጽ አቀማመጦች ንድፍ በመጠቀም

የሲ.ኤም.ኤል ንብረቱ ለአቀማመጥ እጅግ ወሳኝ ንብረት ነው. የድረ-ገጽዎን ንድፎች ልክ እርስዎ እንዲታዩዋቸው እንዲፈልጉ ያስችልዎታል-ነገር ግን እሱን እንዴት እንደሚጠቀሙበት መረዳት አለብዎት.

በቆይታ ሉህ ውስጥ, የሲ ኤስ ኤስ ተንሳፋው ንብረት እንደዚህ ይመስላል:

right {float: right; }

ይህ <አሳዋቂው> ውስጥ ያሉት ሁሉም ነገሮች ወደ ቀኝ እንዲንሳፈፉ ይነግረዋል.

እንደሚከተለው ይሰጥዎታል:

class = "right" />

በሲ ኤስ ሲ ኤስ ጎተራ ንብረት ላይ ምን ማሳብ ይችላሉ?

በእያንዳንዱ ድረ-ገጽ ላይ ሁሉንም አባሎች ማስፋት አይችሉም. የቅጥር ደረጃ አባሎችን ማውጣት ይችላሉ. እነኚህ ምስሎች (), አንቀጾች (), ክፍፍሎች () እና ዝርዝሮች () ያሉ ምስሎች ላይ ያሉ የቦታ ማቆያ ስፍራዎች የሚይዙ ናቸው.

ጽሑፍ ላይ ተጽዕኖ የሚያሳድሩ ሌሎች ነገሮች, ነገር ግን በገጹ ላይ አንድ ሳጥን አይፍጠሩ የውስጠ-ገብ አካል ተብለው እና ሊነኩ አይችሉም. እነዚህ እንደ span (), የመስመር መግቻዎች (), ጠንካራ አጽንዖት (), ወይም ፊደላት () ናቸው.

የሚንሸራሸሩት ወዴት ነው?

አባሎችን ወደ ቀኝ ወይም ወደ ግራ ማውጣት ይችላሉ. የተንሳፋውን ኤለመንት የሚከታተለው ማንኛውም ነገር በሌላኛው ተንሳፋፊው ክፍል ላይ ይንሸራሸራል.

ለምሳሌ, ወደ ግራ ምስል ካነስክ, ማንኛውም ጽሑፍ ወይም ሌሎች አከባቢዎች በስተቀኝ በኩል በዙሪያው ይፈስሳል. እንዲሁም በስተቀኝ በኩል አንድ ምስል ብነሳቅስ ማንኛውም ጽሑፍ ወይም ሌሎች አካላት እርሱን ወደ ግራ ይጎርፋሉ. ምንም እንኳን አንጸባራቂ ቅጥ ምንም ሳይሰፋው በፅሁፍ ጥለት ላይ የተቀመጠ ምስል ቢሆንም አሳሹ ምስሎችን ለማሳየት ከተዘጋጀ ነው.

ይህም በአብዛኛው በምስሉ ግርጌ ላይ ከሚታየው የመጀመሪያው ጽሑፍ መስመር ጋር ነው.

ምን ያህል ይራመዳሉ?

ተንሳፋፊው አካል የእቃ መያዢያው ኤርባ ወደ ቀኝ ወይም ወደ ቀኝ ያንቀሳቅሳል. ይህም ኮድዎ እንዴት እንደሚፃፍ በተወሰኑ የተለያዩ ሁኔታዎች ውስጥ ያመጣል.

ለ E ነዚህ ምሳሌዎች, ለ A ንድ ትናንሽ DIV ኤለመንት ተንሳሳለሁ

• ተንሳፋፊው ቅድመ-ስፋቱ ከሌለ እንደ ፍሎው ምንም ይሁን ምን አስፈላጊ እና የሚፈለገው ያህል አግድም ቦታ ይወስዳል. ማሳሰቢያ: አንዳንድ አሳሾች ወለሉ በማይለይበት ጊዜ ክፍሎችን ከጎለፊ አባሎች ጎን ለማስቀመጥ ይሞክራሉ - ብዙውን ጊዜ ያልተነጠቀውን አባል አነስተኛ ቦታን ብቻ መስጠት. ስለዚህ ሁልጊዜ ተንሳፋፊ በሆኑ አባሎች ላይ ስፋት መስጠት አለብዎት.
• የመያዣው አካል ኤች ቲ ኤም ኤል ከሆነ, የተንሳፋ መፍትሄው DIV በገጹ ግራ ኅዳግ ይቀመጣል.
• የመያዣው እቃ እራሱ በሌላ ነገር ውስጥ ካለ የተሸፈነ ኤንዲ (DIV) ተንጠልጥሎ በእቃ መጫኛ ውስጥ ይቀመጣል.
• ተንሳፋፊ አባላትን መትከል ይችላሉ, እና ይህም በአተነፋፈስ ቦታ ላይ የንጣጣው መጨረሻ ማለት ነው. ለምሳሌ, ይህ ተንሳፋፊ ተንሳፋፊ DIV ውስጥ ተንሳፍቷል DIV ውስጥ.
• በእቃው ውስጥ ክፍሉ ካለ, የነጥብ ክፍሎቹ እርስ በርስ ይቀመጣሉ. ለምሳሌ, ይህ መያዣ ሶስት 100 ፒክስል ስፋት ያላቸው DIV ኤላዎች በ 400 ፒክስል ሰፊ መያዥያ እቃ ውስጥ አሉ.

አልፎ አልፎ ተንሳፋፊዎችን በመጠቀም የፎቶ ሰፈርን ንድፍ መፍጠር ይችላሉ. እያንዳንዱን ታምፕሌክ (ሁሉንም ተመሳሳይ መጠን ሲሆኑ የበለጠ ይሰራል) ይህም በኤልዲ ውስጥ በመግለጫ ጽሁፉ ውስጥ እና በመያዣው ውስጥ የ DIV ኤለትን በማንሳተት ይጠቀማሉ.

የአሳሽ መስኮቱ ምንም ያህል የተስፋፋ ቢሆንም የድንክዬዎቹ አተያይ ተመሳሳይነት ይኖራቸዋል.

ተንሳፋፊውን በማጥፋት

አንድ ተንጠልጣይ ነገር እንዴት እንደሚገኝ ካወቁ በኋላ ተንሳፋፊውን እንዴት ማጥፋት እንደሚችሉ ማወቅ አስፈላጊ ነው. ተንሳፋፊውን የሲኤስሲ ንብረቱን ያጥፉታል. ግራኝ ተንሳፋፊዎችን, ትክክለኛ floaters ወይም ሁለቱንም ማጽዳት ይችላሉ:

ግልፅ: ግራ;
አጽዳ: ቀኝ;
ግልጽ; ሁለቱም;

ንፁህ ንብረቱን ያስቀመጡት ማንኛውም ኤለመንት ያን መመሪያ በሚነዳ አባወራ በታች ይታያሉ. ለምሳሌ, በዚህ ምሳሌ የመጀመሪያዎቹ ሁለት አንቀጾች አልተፀዱም, ሦስተኛው ግን.

የተለያዩ የአቀማሚ ተፅዕኖዎችን ለማግኘት በሰነዶችዎ ውስጥ ግልጽነት ያለው እሴት ያጫውቱ.

በጣም ከሚያስደስቱ ተንሳፋፊ አቀማመጦች አንዱ ከጽሁፍ አንቀጾች አጠገብ በቀኝ ወይም በግራ አምድ ስር ተከታታይ ምስሎች ነው. ምንም እንኳን ጽሁፉን አልፈው ለመፈለግ ረጅም ጊዜ ባይሆንም, ከቀድሞው ምስል ቀጥሎ በአምዱ ውስጥ እንዲታዩ በሁሉም ምስሎች ላይ ግልጽ ማድረግ ይችላሉ.

ኤችቲኤምኤል (ይህንን አንቀጽ ይድገሙት)-

ከተቃራኒ ጾታ ጋር ተመጣጣኝ የሆነ የኃላፊነት ስሜት እንዲሰማቸው ማድረግ አለብዎ. የ Cupidatat ፐሮዳክተሮች, መሃረጎችና ዶላር ሜንዳ አላይ.

የሲ.ኤ.ሲ. (በስተግራ ያሉት ምስሎች ለማንሳፈፍ):

img.float {float: left;
ግልፅ: ግራ;
ኅዳግ: 5 ፒክስል;
}

እና በስተቀኝ በኩል:

img.float {float: right;
አጽዳ: ቀኝ;
ኅዳግ: 5 ፒክስል;
}

ለአቀማመጥ Floaters መጠቀም

የንፋስ ሀብቱ እንዴት እንደሚሰራ ከተገነዘቡ, ድረ ገጾችን ለማዘጋጀት መጠቀም ይችላሉ. ተንሳፋፊ ድረ-ገጽ ለመፍጠር እኔ የምወስዳቸው እርምጃዎች እነዚህ ናቸው:

• አቀማመጥን ንድፍ (በወረቀት ላይ ወይም በግራፍ መሳርያ ውስጥ ወይም በራሴ ውስጥ).
• የገፁ ክፍፍሎች የት እንደሚሆኑ ወስን.
• የተለያዩ የእቃ መያዥያዎችን እና በውስጣቸው ያሉትን ንጥረ ነገሮች ወርድ.
• ሁሉንም ነገር አንሳፋ. ከአሳሽ እይታ ወደብ ጋር የት እንደሚሄድ አውቃለሁ.

የአሰላቹ ክፍሎችዎ ስፋቶች (መቶኛ ደህና ናቸው) እስካሉ ድረስ በገጹ ላይ ያሉ ቦታዎችን ለማስቀመጥ የንፋኑን ባህርያት መጠቀም ይችላሉ. እና ደስ የሚለው ነገር, ስለቦክስ ሞዴል ለ Internet Explorer ወይም ለ Firefox ልዩነት አያስፈራዎትም.