为什么我的div元素的高度不变（仅HTML）？

Question

我正在尝试将[此股市图表]嵌入我的博客中。我选择了autosize: true，以响应站点宽度来调整宽度，但想要设置固定的高度（例如500px）。

尽管，尽管我在stackoverflow上阅读了很多，并测试了不同的东西，但我无法使它正常工作。我尝试在style元素中添加div字段，还尝试添加父级div。这是示例代码：

<!DOCTYPE html>
<body>
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container" style="min-height: 500px; height: 500px; width: 500px;">
  <div id="tradingview_b9e4a"></div>
  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/SWB-LYYA/" rel="noopener" target="_blank"><span class="blue-text">LYYA Chart</span></a> by TradingView</div>
  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.widget(
  {
  "autosize": true,
  "symbol": "SWB:LYYA",
  "timezone": "exchange",
  "theme": "light",
  "style": "2",
  "locale": "en",
  "toolbar_bg": "#f1f3f6",
  "enable_publishing": false,
  "hide_top_toolbar": true,
  "hide_legend": true,
  "withdateranges": true,
  "range": "5d",
  "allow_symbol_change": true,
  "save_image": false,
  "container_id": "tradingview_b9e4a"
}
  );
  </script>
</div>
<!-- TradingView Widget END -->
</body>
</html>

我希望/希望该图为正方形（500x500px），但结果图表始终是真正平坦的，并且高度不会改变-不管我尝试了什么：

我只想用HTML来做到这一点，而没有额外的CSS文件。

Answer 1

您还需要在.tradingview_b9e4上设置高度

<div id="tradingview_b9e4a" style="height: 100%;"

为什么我的div元素的高度不变（仅HTML）？

问题描述投票：0回答：1

1个回答

最新问题

为什么我的div元素的高度不变（仅HTML）？

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1