ລະບົບ CSS break-before

定义和用法

break-before 属性规定在指定元素之前是否应发生分页（page-break）、分列（column-break）或分区（region-break）。

break-before ການຂະຫຍາຍຂອງ ການບັນທຶກ page-break-before ຂອງ CSS2.

ຜ່ານການນໍາໃຊ້ break-before, ທ່ານສາມາດບອກໃຫ້ຄົນບິນຂອງທ່ານຫນຶ່ງກ່ອນບັນດາປະກອບຕົວທີ່ນໍາໃຊ້ break-after, ກັບບັນດາຫນຶ່ງຂອງສະຖານທີ່, ບັນດາຫນຶ່ງຂອງບັນດາບໍລິເວນ, ຫລື ຫນຶ່ງກັບບັນດາບັນດາປະກອບທີ່ຈະຖືກແບບຫນຶ່ງກັບບັນດາຫນຶ່ງຂອງສະຖານທີ່.

ຄວາມຄົນຄົມ

ຍິງບັນຊີຫນຶ່ງກ່ອນ <h1> ຂອງ:

@media print {
  h1 {
    break-before: always;
  }
}

ພາສາ CSS

break-before: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;

属性值

值 描述
auto 默认。在元素之前自动进行分页、分列、分区。
all 始终在主体框之前立即插入分页符。
always ຈະຍົກການບິນພາບຫຼັງ (page-break)ໃນກ່ອນບັນດາບັນຊີ.
avoid ຫຼີກຫຼົກການບິນພາບຫຼັງໃນກ່ອນບັນດາບັນຊີ.
avoid-column ຫຼີກຫຼົກການບິນພາບຫຼັງໃນກ່ອນບັນດາບັນຊີ.
avoid-page ຫຼີກຫຼົກການບິນພາບຫຼັງໃນກ່ອນບັນດາບັນຊີ.
avoid-region ຫຼີກຫຼົກການບິນພາບຫຼັງໃນກ່ອນບັນດາບັນຊີ.
column ຈະຍົກການບິນພາບຫຼັງໃນກ່ອນບັນດາບັນຊີ.
left ຈະຍົກການບິນໜຶ່ງຫຼືສອງການບິນໃນກ່ອນບັນດາບັນຊີເພື່ອຈະມີການຕັ້ງຕອນບິນໃນການຈັດພາບເບື້ອງຂວາ.
page ຈະຍົກການບິນພາບຫຼັງໃນກ່ອນບັນດາບັນຊີ.
recto ຈະຍົກການບິນໜຶ່ງຫຼືສອງການບິນໃນກ່ອນບັນດາບັນຊີເພື່ອຈະມີການຕັ້ງຕອນບິນໃນການຈັດພາບເບື້ອງຫົວຫຼັງ.
region ຈະຍົກການບິນພາບຫຼັງໃນກ່ອນບັນດາບັນຊີ.
right ຈະຍົກການບິນໜຶ່ງຫຼືສອງການບິນໃນກ່ອນບັນດາບັນຊີເພື່ອຈະມີການຕັ້ງຕອນບິນໃນການຈັດພາບເບື້ອງຂວາ.
verso ຈະຍົກການບິນໜຶ່ງຫຼືສອງການບິນໃນກ່ອນບັນດາບັນຊີເພື່ອຈະມີການຕັ້ງຕອນບິນໃນການຈັດພາບເບື້ອງຫົວຫຼັງ.
initial ການປ່ຽນປະຈຳນັ້ນໃຫ້ເປັນຄູ່ມົນປະຈຳມາດຕົ້ນ. ເບິ່ງ: initial.
inherit ຮັບປະກັນຈາກປະຈຳພາຍໃນ. ເບິ່ງ: inherit.

ຂໍ້ມູນດ້ານເຕັກນິກ

ຄູ່ມົນປະຈຳ: auto
ການຮັບປະກັນ: ບໍ່
ການອອກອາກາດ: ບໍ່ສະໜັບສະໜຸນ. ບັນປາກວ່າ:ບັນດາຄວາມທີ່ກ່ຽວກັບການອອກອາກາດ.
ສະຖານະ: CSS3
JavaScript ສັນຍານ: object.style.breakBefore="always"

ຄວາມຄົນຄົມອີກຫຼາຍ

ຄວາມຄົນຄົມ

ເພື່ອຮັບປະກັນວ່າທຸກບົດຄວາມໃໝ່ຈະເລີ່ມຕົ້ນຈາກຫົວໜ້າທີ່ຖືກຕັ້ງຢູ່ຫົວໜ້າບົດ (ເຊິ່ງແມ່ນປຶ້ມ) ທ່ານສາມາດໃຊ້ break-before: ສຳລັບທຸກ <h1> ສິ່ງນັ້ນ:

@media print {
  h1 {
    break-before: right;
  }
}

ຄວາມຄົນຄົມ

ຈະຍົກການບິນ region-break: ກ່ອນ <ul> ໃນ region ຈົນເປັນການຍົກການບິນ region-break:

.region ul {
    break-before: region;
  }
}

ການສະໜັບສະໜຸນບັນດາສານບາດບັບ

ຈຳນວນໃນຕາຕະລາງສະແດງວ່າບັນດາສານບາດບັບທີ່ເປັນຜູ້ຮັບການສະໜັບສະໜຸນຄັດຄະແນນທໍາອິດຂອງບັນດາຄວາມສະຫລະນັ້ນ。

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 65.0 10.0 37.0