html表格上下文字两端对齐

在HTML中，如果你想让表格内容在上下方向上都实现两端对齐，可以使用`<table>`标签的`cellpadding`、`border-collapse`属性以及`text-align`属性。这里是一个示例：

<style>
    table {
        border-collapse: collapse; /* 合并边框，使单元格看起来更紧凑 */
        width: 100%; /* 如果需要，设置固定宽度 */
        font-size: 16px; /* 样式自定义，可根据需求调整 */
    }

    th, td {
        padding: 8px; /* 设置单元格内填充，使得文本不会直接接触边框 */
        text-align: center; /* 文本水平居中 */
        vertical-align: middle; /* 文本垂直居中 */
    }
</style>

<table>
    <tr>
        <th>表头1</th>
        <th>表头2</th>
    </tr>
    <tr>
        <td>文本内容1</td>
        <td>文本内容2</td>
    </tr>
</table>

在这个例子中，`vertical-align: middle`属性用于实现单元格内容在垂直方向上的两端对齐。当然，这假设你的表格数据本身就是行高的均匀分布，如果涉及动态高度，可能还需要额外的CSS处理。