html - 如何对齐不同组件中的两个 div?
问题描述
我有两个组件如下:
class ParentComponent extends React.Component {
return (
<div>
I am Div 1
</div>
<Child Component />
)
}
ChildComponent 有另一个 div:
class ChildComponent extends React.Component {
return (
<div>
I am Div 2
</div>
)
}
我想水平对齐 Div 1 和 Div 2。我怎样才能做到这一点?
解决方案
class ParentComponent extends React.Component {
return (
<div className="container">
<div>
I am Div 1
</div>
<Child Component />
</div>
)
}
.container {
display:flex;
}
推荐阅读
- python - Matplotlib 的颜色条
- python - 为什么名为“right”的列表保持不变?
- unity3d - 从 Unity 着色器图中获取/设置时间值
- python - 在 Python 中查找共同朋友的数量
- powershell - 命令“Get-WindowsCapability -Online”没有列出所有语言和组件,我怎样才能列出所有?
- text-to-speech - 为什么 SpeechSynthesisUtterance 不能在 Chrome 上运行
- c++ - c++中的多态——通过指针访问函数
- javascript - 使用 base64 了解文件或图像的大小
- wordpress - 通过另一门课程并获得一定结果后,我可以自动注册用户到 LearnDash 课程吗?
- django - 如何向两周内不活动的用户发送邮件