A-AA+then

css กับการวนลูป php

1,704
css กับการวนลูป php
สวัสดีครับ ขอรบกวนถามหน่อยนะครับ
คือว่าผมได้เขียน css ให้ช่องสีเหลืองดังในรูปมันเรียงกันลงมาเรื่อยๆ แต่ว่าถ้าข้อความมัน"มีบรรทัดเดียว"มันไม่มีปัญหาอะไรครับ จะเรียงกันเป็นระเบียบสวยงาม แต่ว่าถ้าหากในช่องสีเหลืองช่องใดช่องหนึ่ง"มันมีบรรทัดมากกว่าหนึ่งบรรทัด"มันจะเรียงกันแบบตกๆหล่น ดังในรูปอ่าครับ ไม่ทราบว่าพอจะมีวิธีการอย่างไรร๋อครับ ที่จะให้มันเรียงกันมาแบบเป็นระเบียบอ่าครับ เพราะผมต้องใช้ php วนลูปเอาอ่าครับ ถ้าไงรบกวนช่วยตอบทีนะครับผม

ปล.ขอบคุณครับ

3 ความคิดเห็น

อันนี้ 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">ับประเบ้านเพื่อยื่นxxx้ธนาคาร
    </div>  
    <div class="sub-box">ผผผผผผผผผผผผผผผผผ
    </div>   
    </div>                                 
</div>
</body>
</html>
1

ถ้ามีปัญหาแบบนี้แนะนำให้ใช้ table จะง่ายกว่ามั้งครับ เพราะว่า div โดยปกติแล้วมันจะไม่สามารถขยายความสูงตามเซลข้างเคียงเหมือน table ได้

ปล. tableless design ไม่ได้ห้ามการใช้ table เรายังคงสามารถใช้ table กับตารางข้อมูลได้เหมือนเดิม (แนะนำ) ที่เขาห้ามใช้ คือ ห้ามใช้ table กับ layout เท่านั้น
2

css กับการวนลูป php
ขอบคุณครับ แต่ว่าคือ อยากให้มันดีดตัวขึ้นไปเรื่อยๆดังรูปนี้อ่าครับ แบบไม่ให้มันหล่นลงมาอ่าครับ ไม่ทราบว่ามันสามารถทำได้หรือเปล่าครับ
3
^