CSS box-lines

box-lines ₃

Specifies whether columns will go onto a new line whenever it runs out of space in the parent boxChỉ định cột sẽ đi vào một dòng mới bất cứ khi nào nó chạy ra khỏi không gian trong hộp

Thuộc tính	giá trị	Ví dụ	Mô tả
box-lines	single	box-lines: single;	Tất cả các yếu tố con sẽ được đặt trong một hàng hoặc cột (yếu tố không phù hợp với chỉ đơn giản là sẽ được xem xét tràn)
box-lines	multiple	box-lines: multiple;	Hộp được mở rộng ra nhiều dòng, để phù hợp với tất cả các trẻ em của nó

Xem ví dụ

<style>
.container
{
width:300px;
border:1px dotted black;

/* Firefox */
display:-moz-box;
-moz-box-orient:horizontal;
-moz-box-lines:multiple;

/* Safari and Chrome */
display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-box-lines:multiple;

/* W3C */
display:box;
box-orient:horizontal;
box-lines:multiple;
}

.box
{
width:100px;

/* Firefox */
-moz-box-flex: 1.0;

/* Safari and Chrome */
-webkit-box-flex: 1.0;

/* W3C */
box-flex: 1.0;
}
</style>

<div class="container">
<div class="box">11111111111</div>
<div class="box">22222222222</div>
<div class="box">33333333333</div>
<div class="box">44444444444</div>
</div>

11111111111

22222222222

33333333333

44444444444

Sự tương thích ( Cập nhật / Báo lỗi )

x