如何将自定义 css 正确应用于材质 ui 按钮？
[英]How do I correctly apply custom css to material ui button?
问题描述
我在尝试自定义样式选择的材料 UI 按钮时遇到问题，同时尝试将按钮的左侧文本部分与左侧对齐，同时保持右侧文本居中。
我正在使用 css 模块和 makeStyles。
justifyContent: "center"适用于右侧 div (classes.activityButton)。
justifyContent： “flex-start”不适用于左侧（classes.leftSide）。
您还可以看到按钮的“SEDENTARY”部分与“LIGHTLY ACTIVE”的对齐方式不同，即使它们具有相同的命令？
1 个解决方案
解决方案1
0 2020-10-14 18:31:15
问题在于您的 html 结构， justify-content仅在您应用它的元素上水平对齐元素的子元素。 它不会对齐元素本身。
您需要：
- 使用浮动
- 使用网格
另请参阅此 flex 指南，它非常有帮助： https : //css-tricks.com/snippets/css/a-guide-to-flexbox/
如何使用Material-UI将排版主题默认应用于常规标签？
[英]How do I get typography theme defaults to apply to regular tags with Material-UI?
如何将错误道具和 css 用于带有上下文的 Material UI 的输入 API
[英]How do I use the error prop and css for Input API of Material UI with context
如何获得CSS文件以正确地应用于我的PHP / HTML代码？
[英]How do I get the CSS file to apply correctly to my PHP/HTML code?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.