尝试更改随机返回文本的文本大小答案

【问题标题】：Trying to change text size on randomly returned text尝试更改随机返回文本的文本大小
【发布时间】：2016-11-25 00:29:12
【问题描述】：

我正在制作一个网页，它只从池中返回一行随机文本。目前它只是以一种尺寸和字体吐出，我正试图弄清楚如何让它至少以更大的尺寸出现。这是我现在使用的代码：

   <!DOCTYPE html>
<html>
<body>


<meta charset=utf-8 />
<title>Random Text</title>


  <div id="quote404"></div>

  <script>
    
    (function() {
      var quotes = [
        {text: "text1"},
        {text: "text2"},
        {text: "text3"},
        {text: "text4"},
      //{text: "text5"},
      //{text: "text6"},
      //{text: "text7"},
   
        
      ];
      var quote404 = quotes[Math.floor(Math.random() * quotes.length)];
       document.getElementById("quote404").innerHTML =
        '<p align="center">' + quote404.text + '</p>'
    
       ;
   
    })();
    
  </script>
  
  </body>
  
</html>

我环顾四周，认为我应该使用

.style.fontsize = "__px"

在某处，但我已尝试将该代码放在当前代码中的不同位置，但大多数情况下它最终导致没有文本出现。

我也试过

'<font size="__">' '</font>'

在段落标签内，这也不起作用。

【问题讨论】：

你可以试试<p style="text-align: center; font-size: 24px">
BTW HTML5 不支持
的 align 属性。改用 CSS。所以走css的方式。 Source
谢谢！这工作得很好，并且给了我一个线索，让我知道我将来应该在哪里进行更多修改。

标签： html fonts size

【解决方案1】：

也许可以尝试使用style 属性将css 添加到您的段落中。所以它看起来像这样：

var quote404 = quotes[Math.floor(Math.random() * quotes.length)];
document.getElementById("quote404").innerHTML = '<p align="center" style="font-size: "' +(Math.floor(Math.random() * (max - min + 1)) + min) +'";">' + quote404.text + '</p>';

这将在您指定的最小数字和您指定的最大数字之间更改文本的大小。

如果你只是想让文本更大，请使用：

var quote404 = quotes[Math.floor(Math.random() * quotes.length)];
document.getElementById("quote404").innerHTML = '<p align="center" style="font-size: 30px;">' + quote404.text + '</p>';

这会将您的字体大小更改为30px。您可以尝试使用它来找到最佳尺寸。

【讨论】：

谢谢！我不得不说我对每次返回随机字体大小的方法很感兴趣，但是在我弄清楚如何准确地实现您在此处提供的方式之前，我还有一些学习要做。不过我会记住的。