我在读取正文的margin-right CSS属性时遇到麻烦。它似乎在初始渲染时失败,但是有几次它在我手动设置margin-right时似乎可以工作。我希望在渲染组件时可以做一些事情。在useEffect和useLayoutEffect中进行了尝试,均未成功。

相关CSS:

body {
    margin-right: 10px;
}


简单的create-react-app:

function App() {
  const [marginRight, setmarginRight] = useState(
    document.body.style.marginRight
  );

  return (
    <div className="App">
      <p>BODY Right margin is: {marginRight}</p>
    </div>
  );
}


css -  react :无法读取document.body.style.marginRight-LMLPHP

最佳答案

HTMLelement.style仅返回内联样式。要从css文件访问样式,应使用:

window.getComputedStyle(document.body).marginRight

关于css - react :无法读取document.body.style.marginRight,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54499339/

10-09 16:58