php表格内的文字居中

<?php
// PHP代码可以用来生成动态内容
$titles = ["Name", "Age", "City"];
$data = [
    ["John Doe", 30, "New York"],
    ["Jane Smith", 25, "Los Angeles"]
];
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PHP Table with Centered Text</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: center; /* 水平居中 */
            vertical-align: middle; /* 垂直居中 */
        }
        th {
            background-color: #f2f2f2;
        }
    </style>
</head>
<body>
    <table>
        <thead>
            <tr>
                <?php foreach ($titles as $title): ?>
                    <th><?php echo htmlspecialchars($title); ?></th>
                <?php endforeach; ?>
            </tr>
        </thead>
        <tbody>
            <?php foreach ($data as $row): ?>
                <tr>
                    <?php foreach ($row as $cell): ?>
                        <td><?php echo htmlspecialchars($cell); ?></td>
                    <?php endforeach; ?>
                </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
</body>
</html>