|
![](/images/resource/spacer.gif) |
|
อยากจะให้ แถวแนวนอน ครบ 4แล้วขึ้น บรรทัดใหม่ ต้องเพิ่มโค๊ดยังไง? |
|
![](/images/resource/viewboard_01.gif?v=1001) |
|
|
![](/images/resource/viewboard_03.gif?v=1001) |
![](/images/resource/viewboard_04.gif?v=1001) |
|
DEV เอาเอง
Code (PHP)
<?php
$i=0;
$arr=array('a','b','c','d','e','f','g');
echo "<table border='1'><tr>";
while($i<count($arr))
{
if(($i%2)==0) // %mod หาเศษ
{
echo "<tr><td>".$arr[$i];
}else{
echo "<td>".$arr[$i];
}
$i++;
}
echo "<table>";
?>
|
![](/images/resource/blockviewtopic_01.gif?v=1001) |
![](/images/resource/blockviewtopic_02.gif?v=1001) |
![](/images/resource/blockviewtopic_03.gif?v=1001) |
![](/images/resource/blockviewtopic_04.gif?v=1001) |
Date :
2020-01-16 12:43:35 |
By :
Genesis™ |
|
![](/images/resource/blockviewtopic_06.gif?v=1001) |
![](/images/resource/blockviewtopic_07.gif?v=1001) |
![](/images/resource/blockviewtopic_08.gif?v=1001) |
![](/images/resource/blockviewtopic_09.gif?v=1001) |
|
|
![](/images/resource/viewboard_06.gif?v=1001) |
![](/images/resource/viewboard_07.gif?v=1001) |
|
![](/images/resource/viewboard_08.jpg?v=1001) |
![](/images/resource/viewboard_09.gif?v=1001) |
![](/images/resource/viewboard_01.gif?v=1001) |
|
|
![](/images/resource/viewboard_03.gif?v=1001) |
![](/images/resource/viewboard_04.gif?v=1001) |
|
Code (XML)
<style>
.detail{ float: left; width: calc(100% / 3);}
</style>
<div id="parent">
<div class="detail">abc</div>
<div class="detail">abc</div>
<div class="detail">abc</div>
<div class="detail">abc</div>
<div class="detail">abc</div>
<div class="detail">abc</div>
<div class="detail">abc</div>
<div class="detail">abc</div>
<div class="detail">abc</div>
</div>
bootstarp
Code (XML)
<div id="parent" class"row">
<div class="col-4">abc</div>
<div class="col-4">abc</div>
<div class="col-4">abc</div>
<div class="col-4">abc</div>
<div class="col-4">abc</div>
<div class="col-4">abc</div>
<div class="col-4">abc</div>
<div class="col-4">abc</div>
<div class="col-4">abc</div>
</div>
|
![](/images/resource/blockviewtopic_01.gif?v=1001) |
![](/images/resource/blockviewtopic_02.gif?v=1001) |
![](/images/resource/blockviewtopic_03.gif?v=1001) |
![](/images/resource/blockviewtopic_04.gif?v=1001) |
Date :
2020-01-17 07:08:35 |
By :
Chaidhanan |
|
![](/images/resource/blockviewtopic_06.gif?v=1001) |
![](/images/resource/blockviewtopic_07.gif?v=1001) |
![](/images/resource/blockviewtopic_08.gif?v=1001) |
![](/images/resource/blockviewtopic_09.gif?v=1001) |
|
|
![](/images/resource/viewboard_06.gif?v=1001) |
![](/images/resource/viewboard_07.gif?v=1001) |
|
![](/images/resource/viewboard_08.jpg?v=1001) |
![](/images/resource/viewboard_09.gif?v=1001) |
|
|
|
![](/images/digitalocean-banner.jpg)
|
Load balance : Server 04
|