PHP表格内行间距调整方法-详细教程

码农

2025-04-22 9

在PHP中生成HTML表格时，行间距通常是通过CSS来控制的，而不是直接在PHP代码中设置。你可以使用内联样式、内部样式表或外部样式表来调整表格的行间距。

以下是一些常用的方法：

方法1：内联样式

你可以在HTML表格的行（<tr>）或单元格（<td>或<th>）中使用style属性来设置line-height或padding。

<table border="1">
    <tr style="height: 40px;"> <!-- 设置行高 -->
        <td style="padding: 10px;">单元格 1</td>
        <td style="padding: 10px;">单元格 2</td>
    </tr>
    <tr>
        <td style="padding: 10px;">单元格 3</td>
        <td style="padding: 10px;">单元格 4</td>
    </tr>
</table>

方法2：内部样式表

你可以在HTML文档的<head>部分使用<style>标签定义CSS样式，然后在表格中应用这些样式。

<html>
<head>
    <style>
        table {
            border-collapse: collapse; /* 确保边框不重复 */
        }
        td, th {
            padding: 10px; /* 设置单元格内边距 */
        }
        tr {
            height: 40px; /* 设置行高 */
        }
    </style>
</head>
<body>
    <table border="1">
        <tr>
            <td>单元格 1</td>
            <td>单元格 2</td>
        </tr>
        <tr>
            <td>单元格 3</td>
            <td>单元格 4</td>
        </tr>
    </table>
</body>
</html>

方法3：外部样式表

将CSS样式定义在一个单独的.css文件中，然后在HTML文档中通过<link>标签引入。

styles.css

table {
    border-collapse: collapse;
}
td, th {
    padding: 10px;
}
tr {
    height: 40px;
}

HTML文件

<html>
<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
    <table border="1">
        <tr>
            <td>单元格 1</td>
            <td>单元格 2</td>
        </tr>
        <tr>
            <td>单元格 3</td>
            <td>单元格 4</td>
        </tr>
    </table>
</body>
</html>