Բովանդակություն:

Ինչպե՞ս տեղափոխել div-ը CSS-ում:
Ինչպե՞ս տեղափոխել div-ը CSS-ում:

Video: Ինչպե՞ս տեղափոխել div-ը CSS-ում:

Video: Ինչպե՞ս տեղափոխել div-ը CSS-ում:
Video: Դաս 4 #HTML5 / div, header, footer, main, nav, section, aside || Sami Hayrapetyan 2024, Մայիս
Anonim

Դուք կարող եք օգտագործել երկու արժեք վերևից և ձախից՝ դիրքի հատկության հետ մեկտեղ՝ HTML տարրը HTML փաստաթղթի ցանկացած տեղ տեղափոխելու համար:

  1. Տեղափոխել Ձախ - Օգտագործեք բացասական արժեք ձախի համար:
  2. Տեղափոխել Աջ - ձախի համար օգտագործեք դրական արժեք:
  3. Տեղափոխել Վերև - վերևի համար օգտագործեք բացասական արժեք:
  4. Տեղափոխել Ներքև - Վերևի համար օգտագործեք դրական արժեք:

Հետագայում, կարելի է նաև հարցնել՝ ինչպե՞ս կարող եմ CSS-ում div-ն աջ տեղափոխել:

Լուսանցքները տարածություն են ավելացնում տարրի արտաքին մասում, մինչդեռ լիցքավորումը տարածություն է ավելացնում տարրի ներսում: Եթե ավելացնեք ձախ լուսանցք, դուք շարժվել ամբողջը դիվ դեպի ճիշտ . Եթե ձախ կողմում լցոն ավելացնեք, ձեր բովանդակությունը կփոխեք դիվ դեպի ճիշտ , թեև այն կմնար ներսում դիվ.

Բացի այդ, ինչպե՞ս տեղափոխել տեքստը CSS-ում: Դեպի տեղափոխել տեքստը տարր մեջ CSS օգտագործել փոխակերպման հատկությունը. Դեպի տեղափոխել տեքստը տարր մեջ CSS օգտագործել փոխակերպման հատկությունը.

Ամեն դեպքում, դուք կարող եք փորձել.

  1. p {
  2. լուսանցք՝ 33px;
  3. լուսանցք-ձախ՝ 10px;
  4. }
  5. p {
  6. padding-top՝ 33px;
  7. padding-ձախ՝ 10px;
  8. }

Ինչ վերաբերում է դրան, ինչպե՞ս կարող եմ դիվը դնել ձախ կողմում:

Եթե դիրք : բացարձակ; կամ դիրք ֆիքսված; -ը ձախ գույքը սահմանում է ձախ տարրի եզրը միավորից դեպի ձախ որ ձախ իր մոտակա դիրքավորված նախահայրի եզրը:

Սահմանում և օգտագործում:

Կանխադրված արժեքը. ավտո
JavaScript շարահյուսություն. object.style.left="100px" Փորձեք

Ի՞նչ է Z ինդեքսը CSS-ում:

Այն զ - ցուցանիշը հատկությունը սահմանում է կույտը պատվեր մի տարրի. Ավելի մեծ կույտ ունեցող տարր պատվեր միշտ գտնվում է ավելի ցածր կույտ ունեցող տարրի դիմաց պատվեր . Նշում: զ - ցուցանիշը աշխատում է միայն դիրքավորված տարրերի վրա (դիրքը՝ բացարձակ, դիրքը՝ հարաբերական, դիրքը՝ ֆիքսված, կամ դիրքը՝ կպչուն):

Խորհուրդ ենք տալիս: