如何对齐HTML单元格值

时间:2019-02-01 17:45:54

标签: php mysql html-table

我正在尝试使两个单元格彼此均匀对齐,但似乎无法获得正确的格式。我有一个星期几在一个数组中,我想将它们与一天中的每个时间对齐,它们也在一个PHP数组中。

<table style='border: 1px solid red'>
    <tr>
        <td style='border: 1px solid red'>
        <?php
        $weekdays = array("monday", "tuesday", "wednesday", "thursday", 
        "friday", "saturday", "sunday");
        foreach ($weekdays as $weekday) {
        echo ucfirst($weekday) . "<br />";
            }                   
        ?>
        </td>

        <td style='border: 1px solid red'>
       <?php
       $i = 0;
       while ($row = mysql_fetch_array($data_set)) {            
           echo "<span>" . substr($row['start_hour'], 3) . " - " . 
           substr($row['end_hour'], 3) . "</span><br />";                       
           $i++;
        }                   
        ?>
        </td>
    </tr>
</table>

enter image description here

3 个答案:

答案 0 :(得分:2)

结果每天都必须在“同一行”中!

要创建7行()(基于一周中的天数)。 行应该有2个单元格,它们在内部。总共14个,每行2个。 哪个是

?

(/表格的工作方式) 那是2x2。

您需要7x2、7天(行),2列。

我不了解PHP,但我想应该像添加:

每天(!)将其添加到表格中!                           some_cool_regex_maybe_ $ THE_DAY                               some_cool_regex_maybe_ $ HOURS.MIN +“-” + some_cool_regex_maybe_ $ HOURS.MAX
          (应该每天O :-)完成)

答案 1 :(得分:1)

我提供给你,用于处理你的数据库的结果,把所有提交的数据在新的数组像下面的代码:

$date_array = array();

while ($row = mysql_fetch_array($data_set)) {

    $date_array[ $row[ 'weekday' ] ] = substr($row['start_hour'], 3) . " - " . substr($row['end_hour'], 3);

}

foreach( $weekdays as $item ) {

    if ( $date_array[ $item ] )
        echo "<span>" . $date_array[ $item ] . "</span><br/>";
    else
        echo "<br/>";

}

现在你可以使用上面foreach <TD> 表格。 (IF语句可帮助您控制空行)

答案 2 :(得分:0)

如上所述,您的表结构应如下所示:

<table style='border: 1px solid red'>
    <tr>
      <td style='border: 1px solid red'>Monday</td>
      <td style='border: 1px solid red'>09:00-17:00</td>
    </tr>
    <tr>
      <td style='border: 1px solid red'>Tuesday</td>
      <td style='border: 1px solid red'>09:00-17:00</td>
    </tr>
    <tr>
      <td style='border: 1px solid red'>Wednesday</td>
      <td style='border: 1px solid red'>09:00-17:00</td>
    </tr>
    <tr>
      <td style='border: 1px solid red'>Thursday</td>
      <td style='border: 1px solid red'>09:00-17:00</td>
    </tr>
    <tr>
      <td style='border: 1px solid red'>Friday</td>
      <td style='border: 1px solid red'>09:00-17:00</td>
    </tr>
      <td style='border: 1px solid red'>Saturday</td>
      <td style='border: 1px solid red'>09:00-17:00</td>
    </tr>
    <tr>
      <td style='border: 1px solid red'>Sunday</td>
      <td style='border: 1px solid red'>09:00-17:00</td>
    </tr>
</table>

但是据我了解,您尝试这样做可能会为您提供帮助。

<table style='border: 1px solid red'> <?php $weekdays = array("monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"); $hours = array("09:00-17:00", "09:00-18:00", "09:00-16:00", "09:00-14:00", "09:00-20:00", "09:00-20:00", "09:00-21:00"); $count = 0; foreach ($weekdays as $weekday) { echo "<tr>"; echo "<td style='border: 1px solid red'>"; echo ucfirst($weekday); echo "</td>"; echo "<td style='border: 1px solid red'>"; echo $hours[$count]; $count++; echo "</td>"; echo "</tr>"; }
?> </table>