我有三大组件。其中两个占据了屏幕的 1/3 左右，我的目标是从左到右水平地呈现它们。
当像我添加的代码一样将它们放入时，它们垂直地一个接一个地呈现，这导致 uder 向下滚动以找到它们。如何在屏幕上水平呈现它们？（我用 css 尝试了几件事，但没有成功）。
这是返回方法，Tables 组件在其中包含两个不同的表：
return (
<div>
{title} <Chat />
<Tables/>}
</div>
);
我有一个文件，每行都有不同的单词。我的目标是将第一个字符替换为大写字母并将第三个字符替换为“#”。
例如：football 将被交换为 -> Foo#ball
我尝试考虑使用 awk 和 sed。它对我没有帮助，因为（据我所知）sed 需要精确的字符输入，而 awk 可以打印所需的字符但不能更改它。