居中表单第一行宽度与第二行宽度不一样，怎么使第一行不变，第二行根据第一行左对齐？

<tr>

</tr><tr><td >慕课平台课程扩容

涵盖多个领域&nbsp12-30</td></tr></table>

我写出来是，第一行第一个的”慕课快讯“”的宽度与

”慕课平台课程扩容涵盖多个领域“一样了，希望得到的效果是第一行原封不变，第二行与第一行左侧对齐，应该怎么编辑？

源自：HTML表单 3-1 表单页面调整

收起

1回答

好帮手慕星星回答被采纳获得+3积分 2018-02-09 17:50:43

当你写完第二行内容之后，会改变第一行第一列原本的宽度，是因为表格中的列宽度是不确定的，它会受内容多少的影响，如果下面有比较多的内容，肯定会改变上面表格的宽度的，建议你遇到这种情况，就在内容比较多的地方内嵌一个table表格就可以了，参考如下：

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>慕课平台课程扩容涵盖多个领域 12-30</td>

</tr>

</table>

</td>

</tr>

</table>

祝学习愉快！~~

天天保持学习提问者 #1

谢谢，如果右边也需要这样一排该如何编写？

2018-02-09 23:35:15
好帮手慕星星回复提问者天天保持学习 #2

你的意思是，在第二排右边再加一行显示吗？可以参考一下： <table align="center" border="1" width="60%" cellpadding="0" cellspacing="0"> <tr> <td> <h3>慕课快讯</h3> </td> <td> <h3>慕课快讯</h3> </td> <td> <h3>慕课快讯</h3> </td> <td> <h3>慕课快讯</h3> </td> <td> <h3>>></h3> </td> <td width="150"></td> <td> <h3>慕课快讯</h3> </td> <td> <h3>慕课快讯</h3> </td> <td> <h3>慕课快讯</h3> </td> <td> <h3>慕课快讯</h3> </td> <td> <h3>>></h3> </td> </tr> <tr align="center"> <td colspan="5"> <table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td>慕课平台课程扩容涵盖多个领域 12-30</td> </tr> </table> </td> <td></td> <td colspan="5"> <table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td>慕课平台课程扩容涵盖多个领域 12-30</td> </tr> </table> </td> </tr> </table>

2018-02-11 09:24:39
天天保持学习提问者 #3

非常感谢！

2018-02-11 09:53:11