ວິທີການເພີ່ມພື້ນທີ່ໃນ javascript


ຕອບ 1:

ບໍ່ມີປ້າຍ ສຳ ລັບເລື່ອງນີ້, ແຕ່ທ່ານສາມາດໃຊ້ແຜ່ນຮອງໄດ້.

HTML ຄຳ ທີ່ຢູ່ເບື້ອງຊ້າຍມື. ເນື້ອໃນຫຼາຍດ້ານຂວາມື.

CSS p {ຂອບ: 0; padding: 0px 0px 10px 0px;} .tab {padding-right: 30px;}

ນີ້ຈະຊ່ວຍໃຫ້ທ່ານມີພື້ນທີ່ຫຼາຍຂື້ນຢູ່ເບື້ອງຂວາຂອງສິ່ງຂອງໃນຂອບເຂດ.

ຖ້າທ່ານມີຫຼາຍກ່ວາ ໜຶ່ງ ວັກແລະທ່ານຕ້ອງການຢາກໃຫ້ຊ່ອງຫວ່າງລົງ, ທ່ານສາມາດກວ້າງໄດ້.

p {ຂອບ: 0; ແຜ່ນຮອງ: 0px 0px 10px 0px;} .tab {display: inline; ຄວາມກວ້າງ: 200px}

ນີ້ອາດຈະ ກຳ ນົດຄວາມກວ້າງຂອງສິ່ງຂອງຢູ່ເບື້ອງຊ້າຍໃຫ້ເປັນ 200px ສະນັ້ນສິ່ງທີ່ຢູ່ເບື້ອງຂວາຈະບໍ່ເລີ່ມຕົ້ນຈົນກ່ວານັ້ນ.

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


ຕອບ 2:

Lol ທຸກຄົນໄດ້ໃຫ້ ຄຳ ຕອບທີ່ຖືກຕ້ອງທຸກຢ່າງ, ສິ່ງດຽວທີ່ບໍ່ມີໃຜໄດ້ສະ ໜອງ ການ ນຳ ໃຊ້ທີ່ ເໝາະ ສົມແຕ່ໃຫ້ມີຄວາມຊື່ສັດ, ຢູ່ໃນແຖບນັ້ນມັນບໍ່ ສຳ ຄັນຫຼາຍ.

ມີເຄັດລັບ CSS ທີ່ຂ້ອຍມັກ.

pi-nee-to-allow-tab { white-space: pre;tab-size: 8; / * 8 ແມ່ນຄ່າເລີ່ມຕົ້ນໃນ css ຊຶ່ງ ໝາຍ ຄວາມວ່າມັນ * /-moz-tab-size: 8; / * ໃຫ້ພວກເຂົາ .5 ຄວາມກວ້າງປົກກະຕິຂອງພວກເຂົາ * / -o-tab-size: 8;}

WebKit ສະ ໜັບ ສະ ໜູນ ແທັບຂະ ໜາດ, ໂປແກຼມທ່ອງເວັບອື່ນໆແມ່ນນັກບິນນ້ອຍຄົນ ທຳ ອິດທີ່ຢືນຢັນຕົວເອງ. ສິ່ງທີ່ດີກ່ຽວກັບວິທີການນີ້ແມ່ນວ່າທ່ານບໍ່ ຈຳ ເປັນຕ້ອງເຮັດຫຍັງພິເສດໃນຂະນະທີ່ທ່ານ ກຳ ລັງຢູ່ໃນຂໍ້ຄວາມ. ການ ກຳ ນົດພື້ນທີ່ຫວ່າງກ່ອນການເຮັດໃຫ້ p ເຮັດ ໜ້າ ທີ່ຄ້າຍຄືກັບວ່າກ່ອນທີ່ທ່ານຈະພົບບາງສິ່ງແປກທີ່ອາດເປັນຍ້ອນຫຍັງ. ຂ້ອຍບໍ່ເຄີຍມີປັນຫາຫຍັງເລີຍ.

ໃຊ້ ASCII ((xxxx;) ເມື່ອທ່ານຕ້ອງການແທັບທີ່ຈະສະແດງຢູ່ໃນຈໍສະແດງຜົນ. ຖ້າບໍ່ດັ່ງນັ້ນມັນຈະຖືກນັບເປັນພື້ນທີ່ດຽວ.

ໃຊ້ແທັບແທັບ ສຳ ລັບການລະຫັດລະຫັດ.

ສະບາຍດີລະຫັດ!


ຕອບ 3:

ຂ້າພະເຈົ້າຈະອ້າງເຖິງ Josh3736 ຈາກການລົ້ນນ້ ຳ ໃນ stack ນີ້:

ໃຫ້ແນ່ໃຈວ່າມັນມີຫົວ ໜ່ວຍ ສຳ ລັບແທັບ:
(ແທັບແມ່ນຕົວອັກສອນ ASCII 9, ຫຼື Unicode U + 0009.)
ເຖິງຢ່າງໃດກໍ່ຕາມ, ມັນຄ້າຍຄືກັບແທັບທີ່ມີຕົວ ໜັງ ສື (ຕົວ ໜັງ ສືທີ່ທ່ານພິມໃສ່ບັນນາທິການຕົວ ໜັງ ສືຂອງທ່ານ), ຕົວອັກສອນທັງ ໝົດ ຂອງແທັບຖືກຖືວ່າເປັນພື້ນທີ່ໂດຍຕົວແຍກ HTML ແລະຖືກລອກເຂົ້າໄປໃນພື້ນທີ່ດຽວ (http://www-sul.stanford.edu/tools/tutorials/ html2.0 / whitespace.html) ຍົກເວັ້ນສິ່ງທີ່ຢູ່ພາຍໃນ a ( - HTML | MDN) block, ເຊິ່ງແທັບທີ່ຮູ້ຫນັງສືຈະຖືກແປເປັນ 8 ຊ່ອງ (ແກ້ໄຂ fiddle - JSFiddle) ໃນຕົວອັກສອນ monospace.

ແນວໃດກໍ່ຕາມວິທີການທີ່ມີປະສິດຕິພາບຫຼາຍກວ່ານັ້ນກໍ່ຄືສິ່ງທີ່ Daniele Petrarolo ແນະ ນຳ ໃນ ຄຳ ຕອບຂອງລາວ.


ຕອບ 4:

ລອງເຮັດສິ່ງນີ້:

  1. ພິມ“ nbsp” ເພື່ອເພີ່ມພື້ນທີ່ດຽວ
  2. ພິມ“ ensp” ເພື່ອເພີ່ມ 2 ຊ່ອງຫວ່າງ
  3. ພິມ“ emsp” ເພື່ອເພີ່ມ 4 ຊ່ອງຫວ່າງ
  4. ໃຊ້ພື້ນທີ່ທີ່ບໍ່ ທຳ ລາຍ (nbsp) 4 ຄັ້ງເພື່ອໃສ່ແທັບ
  5. ໃຊ້“ br” ເພື່ອເພີ່ມການຢຸດເສັ້ນ

ຕອບ 5:

ດັ່ງທີ່ຄົນອື່ນໄດ້ຊີ້ແຈງ, ທ່ານຈະບໍ່ພົບແທັກທີ່ສ້າງມາເພື່ອເຮັດແທັບໃນ HTML. ມີ ຄຳ ອະທິບາຍງ່າຍໆ ສຳ ລັບເລື່ອງນີ້: ແຖບແມ່ນການວັດແທກທີ່ກ່ຽວຂ້ອງເຊິ່ງສາມາດແຕກຕ່າງກັນຂື້ນກັບລະບົບແລະການຕັ້ງຄ່າສ່ວນຕົວຂອງບຸກຄົນ. ການອະນຸຍາດໃຫ້ແທັກທີ່ສ້າງຂຶ້ນ ສຳ ລັບແທັບຈະເປັນການອະນຸຍາດໃຫ້ບໍ່ສາມາດຄາດເດົາໄດ້ເກີນຄວາມຍາວແລະຮ່າງກາຍຂອງຕົວ ໜັງ ສື ສຳ ລັບເນື້ອຫາຂອງເວັບໄຊທ໌ຂອງທ່ານ.

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


ຕອບ 6:

ຂ້ອຍຂໍແນະ ນຳ ໃຫ້ເຈົ້າໃຊ້ CSS ເພາະມັນອະນຸຍາດໃຫ້ມີຄໍເຕົ້າໄຂ່ທີ່ຂາວສະອາດແລະຊັດເຈນ. ຢ່າງໃດກໍ່ຕາມ HTML ມີຫລາຍເຄື່ອງມືໃນການເຮັດເຊັ່ນນັ້ນ.

HTML:

ທ່ານສາມາດໃຊ້

(ເພີ່ມພື້ນທີ່ດຽວ)

(ມັນແມ່ນກ່ຽວກັບຄວາມກວ້າງຂອງສອງສະຖານທີ່ປົກກະຕິ)

(ມັນແມ່ນປະມານສີ່ສະຖານທີ່ປົກກະຕິ)

CSS:

ຖ້າທ່ານ ກຳ ລັງພະຍາຍາມອະທິບາຍວັກ ໜຶ່ງ ໃຫ້ໃຊ້


ຕອບ 7:

ມັນຂື້ນກັບສະພາບການ.

ທ່ານສາມາດສະແດງແທັບແທັບພາຍໃນ tag ທີ່ຖືກຈັດຮູບແບບໄວ້ກ່ອນ, . ທ່ານຍັງສາມາດໃຊ້ຕົວອັກສອນແທັບ“ \ t” ຖ້າຕັ້ງ HTML ກັບ JavaScript.

ມີຄຸນສົມບັດຂອງ CSS ທີ່ສາມາດຮັກສາຫຼືຍຸບຍາກ, ລວມທັງໂຕອັກສອນ. ໃນອົງປະກອບເຫຼົ່ານັ້ນທີ່ whitespace ຍຸບອາດຈະຍຸບຕົວອັກສອນແຖບ.

ສຳ ລັບຂໍ້ມູນເພີ່ມເຕີມອ່ານບົດຄວາມນີ້,

ວິທີການເພີ່ມແທັບແລະຊ່ອງໃສ່ ໜ້າ HTML ໂດຍໃຊ້ CSS

ຕອບ 8:

ໂດຍທົ່ວໄປແລ້ວພື້ນທີ່ TAB ແມ່ນ 4xBAR ພື້ນທີ່.

ດັ່ງນັ້ນ, ທ່ານສາມາດລອງສິ່ງນີ້:

    

ນີ້ແມ່ນ 4 x

 

ພື້ນທີ່ມາດຕະຖານໃນ HTML.


ຕອບ 9:

ຕື່ມສິ່ງນີ້ໃນ CSS ຂອງທ່ານ

ແລະນີ້ຢູ່ໃນ HTML ຂອງທ່ານ

ບາງຂໍ້ ຄວາມທີ່ຖືກຈັດໃສ່ຂໍ້ຄວາມ

ວິທີການຂ້າງເທິງນີ້ເຮັດວຽກ & emsp ບໍ່ໄດ້ເຮັດວຽກເລີຍ


ຕອບ 10:

ຫຼາຍ ຄຳ ຕອບທີ່ດີ.

ຄວາມເປັນໄປໄດ້ອີກ:

ຫຼືດີກວ່າ ໜຶ່ງ ຫຼືຫຼາຍຊັ້ນ

.tab-1 {ສະແດງ: inline-block; width: ONE-TAB-WIDTH;}.tab-2 {ສະແດງ: inline-block; ຄວາມກວ້າງ: TWO-TAB-WIDTH;}

ຕອບ 11: