Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/.htaccess/6.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 顺风CSS-mx自动不定心div元素？_Reactjs_Tailwind Css - Fatal编程技术网
Fatal编程技术网
  • reactjs/
  • Reactjs 顺风CSS-mx自动不定心div元素？

Reactjs 顺风CSS-mx自动不定心div元素？

reactjs

Reactjs 顺风CSS-mx自动不定心div元素？,reactjs,tailwind-css,Reactjs,Tailwind Css,我正在用React with Tailwind CSS构建一个项目，我试图用将元素居中，但它没有将元素居中。代码有什么问题吗 从“React”导入React； 从“react router dom”导入{NavLink}； 函数NavBar（）{ 返回( 顺风CSS 博客 项目 关于 ); } 导出默认导航栏您的mx auto类实际上做得很好。问题在于容器类的宽度为100%，并且在每个断点处都设置了一个最大宽度，因此它看起来没有居中，但实际上非常宽 它显然在768px下工作，因为容器宽度为64

我正在用React with Tailwind CSS构建一个项目，我试图用
将
元素居中，但它没有将元素居中。代码有什么问题吗

从“React”导入React；
从“react router dom”导入{NavLink}；
函数NavBar（）{
返回(
顺风CSS
博客
项目
关于
);
}

导出默认导航栏
您的
mx auto
类实际上做得很好。问题在于
容器
类的
宽度
为
100%
，并且在每个断点处都设置了一个
最大宽度
，因此它看起来没有居中，但实际上非常宽

它显然在
768px
下工作，因为容器宽度为
640px
显示两侧为64px，但在
1024px
宽度
container
下，容器的
最大宽度
为
1024px
，因此两侧没有任何空间


我会删除那些不需要容器在Tailwind配置文件中增长得更高的断点。
它是中心，不是吗@查尔斯，这不适合我。我不知道为什么。你能分享一张截图吗？我想你需要调整窗口的大小以使其更大？@charles@charles当我缩小屏幕尺寸时，元素居中，但不是全屏。这是截图