บทช่วยสอน CSS3 คุณสมบัติกล่องสาย ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,สนับสนุนเบราว์เซอร์,แอตทริบิวต์คำจำกัดความและคำแนะนำ,ไวยากรณ์,

CSS3 คุณสมบัติกล่องสาย

ตัวอย่าง

ระบุกล่อง div ขยายเพื่อช่วยให้หลายบรรทัด:

div
{
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}

ลอง»

สนับสนุนเบราว์เซอร์

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ปัจจุบันเบราว์เซอร์ที่สำคัญทั้งหมดไม่สนับสนุนกล่องสายคุณสมบัติ


แอตทริบิวต์คำจำกัดความและคำแนะนำ

กล่องสายแอตทริบิวต์ระบุว่าเมื่อใดก็ตามที่ทำงานในพื้นที่กล่องแม่ไม่ว่าจะเป็นคอลัมน์ที่จะได้รับการขึ้นบรรทัดใหม่

เคล็ดลับ: โดยค่าเริ่มต้นกล่องด้านข้างจะเอาเด็กในแถวเดียวและกล่องยาววางเด็กในคอลัมน์เดียว

เริ่มต้น: เดียว
มรดก: ไม่
เวอร์ชัน: CSS3
ไวยากรณ์ javascript: .style.boxLines วัตถุ = "หลาย"


ไวยากรณ์

box-lines: single|multiple;

ความคุ้มค่า คำอธิบาย
เดียว จะถูกวางในแถวเดียวหรือคอลัมน์ของทุกองค์ประกอบของเด็ก (องค์ประกอบที่จะได้รับการพิจารณาให้เป็นไม่เหมาะสมสำหรับล้น)
หลายอย่าง กล่องช่วยให้หลายบรรทัดที่จะขยายเพื่อรองรับเด็กทั้งหมด
CSS3 คุณสมบัติกล่องสาย
10/30