box-lines

語法:

box-lines:single | multiple

預設值single

適用於:伸縮盒容器

繼承性:無

動畫性:否

計算值:指定值

取值:

single:
伸縮盒物件的子元素只在一行內顯示
multiple:
伸縮盒物件的子元素超出父元素的空間時換行顯示

說明:

設定或檢索伸縮盒物件的子元素是否可以換行顯示。
  • 效果類似於轉場版本和新版本的flex-wrap屬性;
  • 對應的腳本特性為boxLines

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-11.0 2.0-40.0 4.0-45.0-webkit-#1 6.0-8.0-webkit-#1 15.0-29.0-webkit-#1 6.0-8.3 2.1-4.4.4 18.0-42.0
  1. 實驗性質支援box-lines,但沒有實現該屬性的效果(相當於不支援),請勿使用該屬性

示例: