如何将织物画布拉伸到其父div的整个宽度

如何解决如何将织物画布拉伸到其父div的整个宽度

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>标签会影响标签的可读性。