html表格内容不显示

html表格内容不显示

如图所示

img

这是代码 ？111 222 333无法显示

<style>
    tr {
        height: 40px;
        vertical-align: middle;
    }
</style>
<body>
<div id="main">
    <div id="count" style="margin-left: 20px; margin-right: 20px">
        <table class="table table-hover text-center">
            <tr>
                <th style="width: 10%;"></th>
                <th style="width: 30%; font-size: 18px">test</th>
                <th style="width: 30%; font-size: 18px">validation</th>
                <th style="width: 30%; font-size: 18px">train</th>
            </tr>
            <tr>
                <td style="width: 10%;">?</td>
                <td style="width: 30%;">111</td>
                <td style="width: 30%;">222</td>
                <td style="width: 30%;">333</td>
            </tr>
        </table>
    </div>
</div>
</body>

可能是因为CSS样式中的height和vertical-align属性导致了表格行高的变化，从而使得表格内容没有完全显示出来。可以尝试修改相关的CSS属性，或者将表格内容调整为适合当前行高的大小。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        tr {
            height: 40px;
            vertical-align: middle;
        }
    </style>
</head>
<body>
    

    <div id="main">
        <div id="count" style="margin-left: 20px; margin-right: 20px">
            <table class="table table-hover text-center">
                <tr>
                    <th style="width: 10%;"></th>
                    <th style="width: 30%; font-size: 18px">test</th>
                    <th style="width: 30%; font-size: 18px">validation</th>
                    <th style="width: 30%; font-size: 18px">train</th>
                </tr>
                <tr>
                    <td style="width: 10%;">?</td>
                    <td style="width: 30%;">111</td>
                    <td style="width: 30%;">222</td>
                    <td style="width: 30%;">333</td>
                </tr>
            </table>
        </div>
    </div>

     
</body>
</html>

我这显示了啊

img