时间戳

首页 > 解决方案 > 如何保持div的宽度相同？

javascript - 如何保持div的宽度相同？

问题描述

我正在制作一个网站，它会在特定的秒数内旋转不同的报价，并且在开始时会有延迟。当我加载我的页面时，第一个引用出现时，它会自动向我的页面添加一个滚动条，并且页面看起来更大。我尝试使用 css 并隐藏滚动条，但它不起作用。我不希望它是固定大小，因为我希望它是百分比宽度。

var quotes = [] //different qutoes are in here

  var nextNum = Math.floor(Math.random() * (quotes.length));
  var randNum;

  var equation;
  function genQuote() {
    randNum = nextNum;
    nextNum = Math.floor(Math.random() * (quotes.length));
    while(randNum == nextNum) {
      nextNum = Math.floor(Math.random() * (quotes.length));
    }
    equation = ((quotes[randNum].length / 4.25) * 60)*3;
    document.getElementById('quote').innerHTML = quotes[randNum];

    setTimeout(genQuote, equation);
  }

    setTimeout(genQuote, 6000);
<p id = "quote"></p>
<!-- tried different styling methods like overflow-x: none, hidden -->

所以我基本上我希望没有滚动条，并且报价是响应式的，所以没有设置宽度。

标签： javascripthtmlcss

解决方案

如果您只想隐藏水平滚动条，则可以将以下内容添加到您的 css 中：

body {
    overflow-x: hidden;
}

我想您尝试将overflow-x属性添加到您的段落元素而不是正文中，这就是它不起作用的原因。

推荐阅读