Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何使用Antd在网页/浏览器中集中登录表单?_Reactjs_Antd_Ant Design Pro - Fatal编程技术网

Reactjs 如何使用Antd在网页/浏览器中集中登录表单?

Reactjs 如何使用Antd在网页/浏览器中集中登录表单?,reactjs,antd,ant-design-pro,Reactjs,Antd,Ant Design Pro,登录 上面的登录表单需要以网页为中心,我尝试使用antd样式元素,但失败了。它将使用css内联样式,但我不想这样做。这完全取决于您的父母身高。使用这些道具(type=“flex”justify=“center”align=“middle”),您的表单位于行的中心,但没有高度(添加高度:100%)`。确保您的行占据整个页面 <Row type="flex" justify="center" align="middle" style={{minHeight: '100vh'}}>


登录

上面的登录表单需要以网页为中心,我尝试使用antd样式元素,但失败了。它将使用css内联样式,但我不想这样做。

这完全取决于您的父母身高。使用这些道具(type=“flex”justify=“center”align=“middle”),您的表单位于行的中心,但没有高度(添加高度:100%)`。

确保您的行占据整个页面

<Row type="flex" justify="center" align="middle" style={{minHeight: '100vh'}}>


解释得很好!
<Row type="flex" justify="center" align="middle" style={{minHeight: '100vh'}}>