Python Flask表格数据显示异常求助：无法正常对齐

嘿，作为Flask新手遇到表格布局问题太正常啦！我来帮你快速搞定这个事儿～

问题根源 #

你模板里的问题主要有两个：

• 每个表格行<tr>后面加了<br>标签，这会让浏览器把表格行当成普通文本块来换行，直接破坏了表格的原生布局逻辑；
• 大概率你没把这些<tr>包裹在<table>标签内部——浏览器只有识别到完整的表格结构，才会自动对齐列哦。

修正后的完整代码 #

把你的模板代码改成下面这样，就能得到规整的表格了：

<!-- 完整的表格结构 -->
<table style="width: 100%; border-collapse: collapse;">
  <!-- 可选但规范的表头 -->
  <thead>
    <tr>
      <th style="border: 1px solid #ddd; padding: 8px;">第一列</th>
      <th style="border: 1px solid #ddd; padding: 8px;">第二列</th>
    </tr>
  </thead>
  <!-- 表格内容区域 -->
  <tbody>
    {% for item in data %}
      <tr>
        <td style="border: 1px solid #ddd; padding: 8px;">{{ item[0] }}</td>
        <td style="border: 1px solid #ddd; padding: 8px;">{{ item[1] }}</td>
      </tr>
    {% endfor %}
  </tbody>
</table>

关键说明 #

1. 移除<br>：表格的<tr>本身就是表格的行元素，浏览器会自动在表格内排列这些行，不需要手动加换行标签；
2. 完整的表格标签：必须把所有行放在<table>里，<thead>（表头）和<tbody>（内容区）是语义化标签，能让结构更清晰，也方便后续CSS美化；
3. 基础样式优化：我加了内联样式让表格看起来更规整——border-collapse: collapse会合并边框，padding让单元格内容不挤在一起，你也可以把这些样式写到单独的CSS文件里，更便于维护。

如果之后想让表格更美观，还可以给表头加背景色、调整列宽，这些都可以通过CSS轻松实现～

内容的提问来源于stack exchange，提问作者AnjuT