强制html表单在一行上有八列 [英] Force html table to have eight columns on a single row
问题描述
我有一个PHP数组,每行产生四列表。
有没有办法强制HTML表格每行显示8列?
例如,如果我的输出是:
< tr>
< td> COL 1< / td>
< td> COL 2< / td>
< td> COL 3< / td>
< td> COL 4< / td>
< / tr>
< tr>
< td> COL 5< / td>
< td> COL 6< / td>
< td> COL 7< / td>
< td> COL 8< / td>
< / tr>
< tr>
< td> COL 9< / td>
< td> COL 10< / td>
< td> COL 11< / td>
< td> COL 12< / td>
< / tr>
< tr>
< td> COL 13< / td>
< td> COL 14< / td>
< td> COL 15< / td>
< td> COL 16< / td>
< / tr>
显示内容如下:
COL 1 COL 2 COL 3 COL 4
COL 5 COL 6 COL 7 COL 8
COL 9 COL 10 COL 11 COL 12
COL 13 COL 14 COL 15 COL 16
无论如何,CSS或HTMl可以强制表格在一行上显示八列打破之前?所以创建这样的东西?
COL 1 COL 2 COL 3 COL 4 COL 5 COL 6 COL 7 COL 8
COL 9 COL 10 COL 11 COL 12 COL 13 COL 14 COL 15 COL 16
在PHP中它确实不是那么困难,你可以例如只有一个计数器,并且当计数器%2 == 0完成该行并开始一个新计数。相应地增加计数器。
伪代码
目前您拥有($ i = 0; $ i 你需要做的就是这样的事情。 ($ i = 0; $ i Alternatley您可以使用布尔标志 I have a PHP array that produces four columns per row of a table.
Is there anyway to force an HTML table to display 8 columns per row? For example if my output is: And the display looks like: Is there anyway CSS or HTMl can force the table to display eight columns on a single line before breaking? So create something like this?
Just change your PHP to format it the correct way or use divs and style it accordingly, however if its true tabular data id use tables and fix your PHP to represent what you want. It really isnt all that difficult in PHP, you could for example just have a counter and when that counter % 2 == 0 then finish the row and start a new one. Increase the counter accordingly. Pseudo code Currently you have something like this. What you need to do is something like this. Alternatley you could just use a boolean flag
这篇关于强制html表单在一行上有八列的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
输出< td>标签和数据
输出结账< / tr>标记
}
$ p $ $ $ $ $ $ $ $ i%2 == 0)
输出开始< tr>标记
输出一些< td> (($ i + 1)%2 == 0)
输出结束< tr>标记
}
is_even_row = ture;每行
{
if(is_even_row)
输出开始标记
行输出数据
if(not is_even_row)
输出结束标记
is_even_row =不是is_even_row
}
<tr>
<td>COL 1</td>
<td>COL 2</td>
<td>COL 3</td>
<td>COL 4</td>
</tr>
<tr>
<td>COL 5</td>
<td>COL 6</td>
<td>COL 7</td>
<td>COL 8</td>
</tr>
<tr>
<td>COL 9</td>
<td>COL 10</td>
<td>COL 11</td>
<td>COL 12</td>
</tr>
<tr>
<td>COL 13</td>
<td>COL 14</td>
<td>COL 15</td>
<td>COL 16</td>
</tr>
COL 1 COL 2 COL 3 COL 4
COL 5 COL 6 COL 7 COL 8
COL 9 COL 10 COL 11 COL 12
COL 13 COL 14 COL 15 COL 16
COL 1 COL 2 COL 3 COL 4 COL 5 COL 6 COL 7 COL 8
COL 9 COL 10 COL 11 COL 12 COL 13 COL 14 COL 15 COL 16
for($i = 0; $i < numRows; $i++) {
output a <tr> tag
output <td> tags and data
output a closing </tr> tag
}
for($i = 0; $i < numRows; $i++) {
if($i % 2 == 0)
output startting <tr> tag
output some <td> tags with data
if(($i +1) % 2 == 0)
output closing <tr> tag
}
is_even_row = ture;
for each row {
if(is_even_row)
output start tag
output data for row
if(not is_even_row)
output end tag
is_even_row = not is_even_row
}