问题描述
current situation 我在父div内放了一块布艺帆布。我如何将画布拉伸到其父对象的整个宽度和高度
这是我的代码的样子:
<div class="design_editor_div">
<canvas id="c" width="500" height="500" style="border-style:dashed;border-color:#a1a1a1;text-
align:center;border-width:initial;"></canvas>
<img src="{{ '2.png' | asset_url }}" title="" alt="" style="display: none" id="img">
</div>
解决方法
您可以使用css并选择div的子元素,如下所示:
canvas > div {
display: block;
width: 100%;
height: 100%;
}
可以肯定的是,请使用单独的样式表,并在HTML文档的标题中包含<link>path-to-stylesheet</link>
或在标签中包含<style> css... </style>
标签。内联CSS样式应保留给您需要更改的非常独特的元素,例如成为a或<p>
元素<strong>
或<u>
的一部分。内联包含许多<style>
标签会影响标签的可读性。