Html 如何对齐<;td>;从一张桌子到另一张桌子?

Html 如何对齐<;td>;从一张桌子到另一张桌子?,html,nested,alignment,Html,Nested,Alignment,我是HTML/CSS新手,我很难将鸡肉店的营业日、营业时数、营业日与桌子上的营业日、营业时数和营业日数保持一致。我希望天数和时间直接排列在每个类别下面。例如开放(星期日/星期一)、小时(晚上9-3点)、关闭(星期二/星期五)。下面是我的代码,任何建议都将不胜感激!!!谢谢你 <table id="shops"> <tr> <th>Shops</th> <th>Locatio

我是HTML/CSS新手,我很难将鸡肉店的营业日、营业时数、营业日与桌子上的营业日、营业时数和营业日数保持一致。我希望天数和时间直接排列在每个类别下面。例如开放(星期日/星期一)、小时(晚上9-3点)、关闭(星期二/星期五)。下面是我的代码,任何建议都将不胜感激!!!谢谢你

<table id="shops">
        <tr>
            <th>Shops</th>
            <th>Location</th>
            <th>Store Hours</th>
            <th>Products</th>
        </tr> <!-- Nested table for store hours and product types-->
        <tr>
            <td colspan="2"></td>
            <td>
                <table id="hours_table">    
                    <tr>
                        <th>OPEN</th>
                        <th>HOURS</th>
                        <th>CLOSE</th>
                    </tr>
                </table>
            </td>
            <td> 
                <table id="products_table">    
                    <tr>
                        <th>Animals</th>
                        <th>Cost</th>
                        <th>Items</th>
                        <th>Cost</th>
                    </tr>
                </table>
            </td>
        </tr>


        <tr>
            <td id="chicken_shop">Cuckoo House Chicken Shop</td>
            <td>West Natura</td>
            <td>
                <table id="chicken_hours"> 
                    <tr>
                        <td>SUN/MON/WED/THURS/SAT</td>
                        <td>9AM - 3PM</td>
                        <td>TUES/FRI</td>
                    </tr>
                </table>
            </td>
</table>

商店
位置
营业时间
产品
打开
小时
接近
动物
成本
项目
成本
布谷鸟鸡舍
西自然
星期日/星期一/星期三/星期四/星期六
上午9时至下午3时
星期二/五
您必须使用
而不是
,即使它是表头的一部分

  <table>
    <thead>
       <tr>
          <td>Shops</td>
          <td>SOmethng</td>
          <td>Something#2</td>
       </tr>
   </thead>
   <tbody>
       <tr>
          <td>Something in the body of the table</td>
          <td>something</td>
           <tdSomething</td>
       </tr>
   </tbody>
  </table>

商店
一些
什么东西
桌子上有东西
某物

嗨,这里是解决方案:

<table id="shops" border='1'>
  <tr>
    <th>Shops</th>
    <th>Location</th>
    <th>Store Hours</th>
    <th colspan="4">Products</th>
  </tr> <!-- Nested table for store hours and product types-->
  <tr>
    <td id="chicken_shop">Cuckoo House Chicken Shop</td>
    <td>West Natura</td>
    <td>
      <table width="333" id="hours_table" border='1'>
        <tr>
          <td>OPEN</td>
          <td>HOURS</td>
          <td>CLOSE</td>
        </tr>
        <tr>
          <td>SUN/MON/WED/THURS/SAT</td>
          <td>9AM - 3PM</td>
          <td>TUES/FRI</td>
        </tr>
      </table>
    </td>
    <th>Animals</th>
    <th>Cost</th>
    <th>Items</th>
    <th>Cost</th>
  </tr>
</table>

商店
位置
营业时间
产品
布谷鸟鸡舍
西自然
打开
小时
接近
星期日/星期一/星期三/星期四/星期六
上午9时至下午3时
星期二/五
动物
成本
项目
成本