ປະເພດ CSS display

ການກໍານົດ ແລະ ການນໍາໃຊ້

ຄູ່ມີຊື່ display ຕັດສິນລະບົບບັນດາຫຼັກທີ່ຈະສ້າງການສະແດງບັນດາຫຼັກ.

ການອະທິບາຍ

ປະສົມປະສານດັ່ງກ່າວເປັນບັນດາຫຼັກທີ່ຈະສ້າງການສະແດງບັນດາຫຼັກພາຍໃນການຈັດການຖານ. ສໍາລັບຊະນະຄູ່ມີຊື່ HTML ຖ້າບໍ່ມີຄວາມລະມັດລະວັງການປະກາດ display ມັນຈະມີຄວາມອັນຕະລາຍ ຍ້ອນອາດຈະລະເມີດຄວາມກ່ຽວຂ້ອງການສະແດງລະບົບທີ່ບໍ່ທັງໝົດໃນ HTML. ສໍາລັບ XML ຍ້ອນ XML ບໍ່ມີຄວາມກ່ຽວຂ້ອງທີ່ພາຍໃຫ້ມັນມີຄວາມສະໜັບສະໜູນສະໜາມການສະແດງ ທັງໝົດ display ແມ່ນສະເພາະສຳຄັນ.

ຄວາມຄິດເຫັນ:CSS2 ມີຄູ່ມີຊື່ compact ແລະ marker ແຕ່ຍ້ອນບໍ່ມີການສະໜັບສະໜູນຢ່າງກວ້າງຂວາງ ມັນໄດ້ຖືກເອົາອອກຈາກ CSS2.1.

ບໍ່ມີຫົວຂໍ້

ການສອນ CSSການປະກາດ CSS

ສາຍລັກສະນະ HTML DOMຄູ່ມີຊື່ display

ຄວາມປະສົມ

ເຮັດໃຫ້ວິດີໂອຫຼັງຄຳຂັດແຍ່ງອານຸສາວະລີ inline.

p.inline
  {
  display:inline;
  }

ທ້າທາຍຂອງຕົນເອງ

ພາສາ CSS

display: value;

ຄູ່ມີຊື່ຂອງປະສົມ

ຄູ່ມີຊື່ ການອະທິບາຍ
none ບັນດາຫຼັກຈະບໍ່ສະແດງ.
block ບັນດາຫຼັກຈະສະແດງອານຸສາວະລີສະໜາມ ບໍ່ມີການຫັນຍົກອອກບັນດາຫຼັກກ່ອນຫຼັງ.
inline ຄົນພິມແບບລະບຸດທີ່ມີຄວາມສະແດງ inline ບໍ່ມີການຫັນຍົກອອກບັນດາຫຼັກກ່ອນຫຼັງ.
inline-block ຫຼັກພິມພາຍໃນ (ຄົນໃໝ່ໃນ CSS2.1).
list-item ບັນດາຫຼັກຈະສະແດງອານຸສາວະລີລາຍການ.
run-in ບັນດາຫຼັກມີການສະແດງອານຸສາວະລີຫຼັງຈາກຄວາມກ່ຽວຂ້ອງ.
compact ບັນຊີ CSS ມີຄູ່ມີຊື່ compact ແຕ່ຍ້ອນບໍ່ມີການສະໜັບສະໜູນຢ່າງກວ້າງຂວາງ ມັນໄດ້ຖືກເອົາອອກຈາກ CSS2.1.
marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示（类似 ），表格前后带有换行符。
inline-table 此元素会作为内联表格来显示（类似 ），表格前后没有换行符。）。）。）。）。）。）
table-row-group 此元素会作为一个或多个行的分组来显示（类似
table-header-group 此元素会作为一个或多个行的分组来显示（类似
table-footer-group 此元素会作为一个或多个行的分组来显示（类似
table-row 此元素会作为一个表格行显示（类似
table-column-group 此元素会作为一个或多个列的分组来显示（类似
table-column 此元素会作为一个单元格列显示（类似
table-cell 此元素会作为一个表格单元格显示（类似 和 ）
table-caption 此元素会作为一个表格标题显示（类似
）
inherit 规定应该从父元素继承 display 属性的值。

技术细节

默认值： inline
继承性： no
版本： CSS1
JavaScript 语法： object.style.display="inline"

TIY 实例

如何把元素显示为内联元素
本例演示如何把元素显示为内联元素。
如何把元素显示为块级元素
本例演示如何把元素显示为块级元素。

ການສະໜັບສະໜູນບັນຊີບັນນາທິການ

ຈຳນວນໃນຕາລະບັນໄດ້ບອກຄັນກັບການສະໜັບສະໜູນຄູ່ມູນຄັນຄັບໃຫ້ຄົນນໍາໃຊ້ຄັບເທື່ອທໍາອິດຂອງການສະໜັບສະໜູນຄູ່ມູນຄັນຄັບຂອງຄົນນໍາໃຊ້。

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 3.0 3.1 7.0

ຄວາມຄິດເຫັນ:ຖ້າມີການກໍານົດ !DOCTYPE，Internet Explorer 8 (ແລະຫຼັງຈາກ) ສະໜັບສະໜູນຄູ່ມູນຄັນ "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group" ແລະ "inherit"。