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