ວິທີການເລື່ອນຮູບພາບໄປທາງຂວາຂອງຂໍ້ຄວາມ

ນີ້ສອນຫ້ານາທີອະທິບາຍວິທີການ

ທ່ານສົນໃຈໃນການຮຽນຮູ້ວິທີທີ່ຈະເລື່ອນຮູບພາບໄປທາງຂວາຂອງຂໍ້ຄວາມໄດ້ບໍ? ຖ້າເປັນດັ່ງນັ້ນ, ທ່ານບໍ່ໄດ້ຢູ່ຄົນດຽວ. ມີສະຖານະການຈໍານວນຫຼາຍທີ່ນັກຂຽນຕ້ອງການຮູບພາບໃນຫນ້າເວັບທີ່ປາກົດຢູ່ພາຍໃນຂອງຂໍ້ຄວາມທີ່ມີຂໍ້ຄວາມທີ່ໄຫຼຫຼືຫໍ່ໃສ່ມັນ. ຂໍຂອບໃຈ, manipulating ຮູບພາບແມ່ນຄ້າຍຄືກັບ manipulating ຂໍ້ຄວາມ, ດັ່ງນັ້ນຖ້າຫາກວ່າທ່ານມີປະສົບການກັບຫຼັງຈາກນັ້ນ, ຂະບວນການນີ້ບໍ່ຄວນຈະເປັນການຍາກທັງຫມົດ.

ໃນຄວາມເປັນຈິງ, ມີຄຸນສົມບັດທີ່ float CSS, ມັນງ່າຍທີ່ຈະເລື່ອນຮູບພາບຂອງທ່ານໄປທາງຂວາຂອງຂໍ້ຄວາມແລະມີ ການໄຫຼຂໍ້ຄວາມ ປະມານມັນ ຢູ່ເບື້ອງຊ້າຍ . ໃຊ້ບົດຮຽນນີ້ຫ້ານາທີເພື່ອຮຽນຮູ້ວິທີການ.

ການເລີ່ມຕົ້ນ

ເພື່ອເລີ່ມຕົ້ນ, ຂຽນວັກຂອງຂໍ້ຄວາມແລະເພີ່ມຮູບພາບຢູ່ໃນຕອນເລີ່ມຕົ້ນຂອງວັກ. ນີ້ຄວນເຮັດກ່ອນຂໍ້ຄວາມແຕ່ວ່າຫຼັງຈາກ

tag):

ທ່ານອາດຈະຕ້ອງການຄວາມສະດວກສະບາຍໃນການຕອບສະຫນອງໃນຄວາມສະຫມັກໃຈ. Cupidatat ບໍ່ມີປະໂຫຍດ, ເຮັດວຽກແລະເຮັດວຽກດີ. ພະຍາຍາມທີ່ຈະເຮັດວຽກອອກກໍາລັງກາຍໃນເວລາທີ່ທ່ານຕ້ອງການ. Mollit anim id is laborum

ຕໍ່ໄປ, ເພີ່ມຄຸນລັກສະນະຂອງຮູບກັບຮູບພາບແລະນໍາໃຊ້ຄຸນສົມບັດທີ່ເລື່ອນໄດ້:

style = "float: right />

ຂໍ້ຄວາມຂອງທ່ານຈະຖືກຂັດຂວາງຂຶ້ນກັບຮູບພາບ, ດັ່ງນັ້ນເພີ່ມຂອບຂອບບາງຢ່າງໃຫ້ກັບຮູບເພື່ອເຮັດໃຫ້ມັນງ່າຍຕໍ່ການອ່ານ:

margin: 0 5px 0 0 " />

ຄຸນສົມບັດຂອບເຂດການນໍາໃຊ້ຂອບໃບຢູ່ໃນຄໍາສັ່ງເທິງ, ຂວາ, ລຸ່ມແລະຊ້າຍ ( TRBL ).

Wrapping Up

ແລະວ່າມັນບໍ່ໄດ້. ໃນປັດຈຸບັນທ່ານເຫັນວ່າການເລື່ອນຮູບພາບໄປທາງຂວາແມ່ນບໍ່ຍາກເລີຍ. ທ່ານຍັງອາດຈະສົນໃຈ floating ຮູບພາບກັບທາງຊ້າຍແລະ floating ມັນກັບສູນ. ໃນຂະນະທີ່ການເຄື່ອນໄຫວທໍາອິດແມ່ນເປັນໄປໄດ້, ແຕ່ຫນ້າເສຍດາຍທີ່ທ່ານບໍ່ສາມາດເລື່ອນຮູບພາບໄປຍັງສູນກາງໄດ້, ຕາມປົກກະຕິມັນຈະຕ້ອງມີຮູບແບບສອງຄໍລໍາ.