时间戳

首页 > 解决方案 > 排在一起时受表格影响的 HTML 画布高度

javascript - 排在一起时受表格影响的 HTML 画布高度

问题描述

display: flex; flex-direction: row;我在包含两个元素的 div 中使用了一个相邻的画布和一个表格。我的问题是，当我向表格添加行并且表格的高度超过画布的高度时，画布的高度会更改以匹配表格。有没有办法让画布靠近桌子而不影响画布的高度？

这是正在发生的事情和代码的示例。https://jsfiddle.net/u4qjwxaf/

标签： javascripthtmlcsscanvas

解决方案

您在画布上有“宽度”和“高度”的属性。这些数字控制画布包含的像素数。您还需要做的是控制画布的外观。为此，您应该使用样式规则。

请考虑以下内容：

<canvas id="myCanvas" width="400" height="400"></canvas>

<style>
#myCanvas
{
 width: 400px;
 height: 400px;
 border: solid 1px #000;
};
</style>

当然，您可以选择像最初那样将这些样式内联。

推荐阅读