如何为两列文本区域编写javascript代码答案

【问题标题】：How to write javascript code for two columns text area如何为两列文本区域编写javascript代码
【发布时间】：2023-04-08 01:33:02
【问题描述】：

我有一个网站，我需要用这个 javascript 代码显示加密货币实时汇率

<script type="text/javascript" src="https://files.coinmarketcap.com/static/widget/currency.js"></script>
<div class="coinmarketcap-currency-widget" data-currency="ripple" data-base="USD" data-secondary="" data-ticker="true" data-rank="true" data-marketcap="true" data-volume="true" data-stats="USD" data-statsticker="false"></div>

我还有其他三个类似这样的 javascript 代码，用于它们在我的网站上显示的其他加密货币，就像这样

但我需要它们显示在两列中

请问有人可以帮忙吗？

【问题讨论】：

标签： javascript two-columns

【解决方案1】：

根本不需要使用Javascript。

您可以使用Bootstap's Grid System 轻松实现此目的。

或者，如果您不使用 Bootstrap，请尝试使用此 CSS 规则，由 w3schools 提供。

.column {
  float: left;
  width: 45%;
  padding: 2%;
}


/* Clear floats after the columns */

.row:after {
  content: "";
  display: table;
  clear: both;
}

<script type="text/javascript" src="https://files.coinmarketcap.com/static/widget/currency.js"></script>


<div class="row">
  <div class="column">
    <div class="coinmarketcap-currency-widget" data-currency="ripple" data-base="USD" data-secondary="" data-ticker="true" data-rank="true" data-marketcap="true" data-volume="true" data-stats="USD" data-statsticker="false"></div>
  </div>
  <div class="column">
    <div class="coinmarketcap-currency-widget" data-currency="bitcoin" data-base="USD" data-secondary="" data-ticker="true" data-rank="true" data-marketcap="true" data-volume="true" data-stats="USD" data-statsticker="false"></div>
  </div>
</div>

【讨论】：