HTML中的表未按要求显示

Question

尝试创建表可滚动。

但它显示为：。

我想要：滚动。

我试过了：

<style>
table.scroll tbody,
table.scroll thead { display: block; }



table.scroll tbody {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

</style>
<script>
// Change the selector if needed
var $table = $('table.scroll'),
    $bodyCells = $table.find('tbody tr:first').children(),
    colWidth;

// Adjust the width of thead cells when window resizes
$(window).resize(function() {
    // Get the tbody columns width array
    colWidth = $bodyCells.map(function() {
        return $(this).width();
    }).get();

    // Set the width of thead columns
    $table.find('thead tr').children().each(function(i, v) {
        $(v).width(colWidth[i]);
    });    
}).resize(); // Trigger resize handler
</script>

我想要一个具有滚动效果的表格tbody

Answer 1

正确对齐所有内容，忘记给主表提供宽度 这是你获得所需输出的原因 尝试

table.scroll,table{width:100%;}

这将为表格提供一个完整的宽度，您将获得所需的输出

Answer 2

尝试将css放在下面

msg.as_bytes()

哪个可行。