股利溢出不會用帆布

工作，這是我在我的頁面股利溢出不會用帆布

<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

股利溢出不會用帆布

回答

相關問題