股利溢出不会用帆布

工作，这是我在我的页面股利溢出不会用帆布

<fieldset style="width: 60%; border: 1px solid #BBB; margin-left: auto; margin-right: auto; border-radius: 10px; text-align: center;"> 

    <div style="width: 95%; margin: 5px; padding: 6px; margin-left: auto; margin-right: auto; overflow-x: scroll; text-align: center;"> 
    <canvas id="graph" width="1645" height="300"></canvas> 
    </div> 

    </fieldset>

代码正如你可以看到我有一个div，已设置overflow-x: scroll属性里面的画布。

enter image description here

这是我这就是我不是在寻找的结果。正如你所看到的fieldset（它是width: 60%;）涵盖了整个屏幕宽度和结束。 div只滚动画布的一小部分。

这应该是我想看到的结果：

enter image description here

这里我设置画布宽度750只是为了显示我想有什么。

总而言之，我想让字段集有一个width: 60%和一个滚动画布的overflow-x的div。我怎么能这样做？

来源

2015-07-18 Alberto Rossi

你缺少一个'>'在你粘贴难道这是问题的代码？在'

Filype

不，不是在写问题时只是输入错误;） –

您可以创建当前输出的演示吗？ –

这是fieldset元素的宽度/最小宽度的已知问题。有关修复，请参阅this question and it's answer。

在Webkit中，您可以通过简单地将min-width: 0;添加到您的字段集来修复它。

这里的一个片段：

fieldset { 
 
    width: 60%; 
 
    border: 1px solid #BBB; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
    border-radius: 10px; 
 
    text-align: center; 
 
    min-width: 0; 
 
} 
 
fieldset div { 
 
    width: 95%; 
 
    margin: 5px; 
 
    padding: 6px; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
    overflow-x: scroll; 
 
    text-align: center; 
 
}

<div> 
 
<fieldset> 
 
    <div> 
 
     <canvas id="graph" width="1645" height="300"></canvas> 
 
    </div> 
 
</fieldset> 
 
</div>

来源

2015-07-18 23:58:31 pschueller

股利溢出不会用帆布

回答

相关问题