在主体上反应集合样式

时间:2020-05-05 05:31:54

标签: javascript reactjs

如何在react function组件中为HTML Body添加样式。我已将此包含在CSS中。我看到其他CSS正在应用。但是缺少体型

body { 
  height: 100% ;
  display:flex;
  flex-direction:column;
  justify-content: center;
}

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以在public/index.html中添加此样式
您还忘记了在CSS中插入冒号。

Index.html

<!DOCTYPE html>
<html lang="en">

<head>
   <style>
       body:{ 
          height: 100% ;
          display:flex;
          flex-direction:column;
          justify-content: center;
       }
   </style>
</head>

<body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="root"></div>
</body>

</html>