Question

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

   <!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>'

段落标签内的

也不起作用。

Answer 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。您可以使用它来找到最佳尺寸。

尝试在随机返回的文本上更改文本大小

1 个答案: