คือว่าผมได้เขียน css ให้ช่องสีเหลืองดังในรูปมันเรียงกันลงมาเรื่อยๆ แต่ว่าถ้าข้อความมัน"มีบรรทัดเดียว"มันไม่มีปัญหาอะไรครับ จะเรียงกันเป็นระเบียบสวยงาม แต่ว่าถ้าหากในช่องสีเหลืองช่องใดช่องหนึ่ง"มันมีบรรทัดมากกว่าหนึ่งบรรทัด"มันจะเรียงกันแบบตกๆหล่น ดังในรูปอ่าครับ ไม่ทราบว่าพอจะมีวิธีการอย่างไรร๋อครับ ที่จะให้มันเรียงกันมาแบบเป็นระเบียบอ่าครับ เพราะผมต้องใช้ php วนลูปเอาอ่าครับ ถ้าไงรบกวนช่วยตอบทีนะครับผม
ปล.ขอบคุณครับ
อันนี้ code ที่ผมเขียนเอาไว้ครับ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.box {
width: 600px;
margin-right: auto;
margin-left: auto;
background-color:#FCC;
padding-bottom: 2px;
overflow: hidden;
}
.sub-box {
float: left;
width: 200px;
background-color: #FFC;
}
</style>
</head>
<body>
<div class="box">
<div class="sub-box">ฟฟฟฟหหหฟ
</div>
<div class="sub-box">รับประเมินหลักทรัพย์
</div>
<div class="sub-box">sddssd<br />sdsddsd
</div>
<div class="sub-box">ับประเบ้านเพื่อยื่นกู้ธนาคาร
</div>
<div class="sub-box">ผผผผผผผผผผผผผผผผผ
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.box {
width: 600px;
margin-right: auto;
margin-left: auto;
background-color:#FCC;
padding-bottom: 2px;
overflow: hidden;
}
.sub-box {
float: left;
width: 200px;
background-color: #FFC;
}
</style>
</head>
<body>
<div class="box">
<div class="sub-box">ฟฟฟฟหหหฟ
</div>
<div class="sub-box">รับประเมินหลักทรัพย์
</div>
<div class="sub-box">sddssd<br />sdsddsd
</div>
<div class="sub-box">ับประเบ้านเพื่อยื่นกู้ธนาคาร
</div>
<div class="sub-box">ผผผผผผผผผผผผผผผผผ
</div>
</div>
</div>
</body>
</html>
ถ้ามีปัญหาแบบนี้แนะนำให้ใช้ table จะง่ายกว่ามั้งครับ เพราะว่า div โดยปกติแล้วมันจะไม่สามารถขยายความสูงตามเซลข้างเคียงเหมือน table ได้
ปล. tableless design ไม่ได้ห้ามการใช้ table เรายังคงสามารถใช้ table กับตารางข้อมูลได้เหมือนเดิม (แนะนำ) ที่เขาห้ามใช้ คือ ห้ามใช้ table กับ layout เท่านั้น
ปล. tableless design ไม่ได้ห้ามการใช้ table เรายังคงสามารถใช้ table กับตารางข้อมูลได้เหมือนเดิม (แนะนำ) ที่เขาห้ามใช้ คือ ห้ามใช้ table กับ layout เท่านั้น
