Javascript 如何在react中向左拉1个按钮，向右拉2个按钮>；

我在我想要的位置上有“继续”按钮。如何将“以客人身份登记”和“注册并结帐”按钮向右拉到最右边？

继续购物
作为客人退房
注册并退房

据我所知，您想按最右边的

注册、结帐和作为客人结账按钮，您的问题属于
react.js
类别。您可以将class关键字更改为
className
并使用代码


.holder
{
背景颜色：浅灰色；
显示器：flex；
填充：2%
}
.左侧
{
弹性：25%
}
.右侧
{
弹性：75%；
显示器：flex；
证明内容：柔性端；
}
按钮
{ 
左缘：1%；
}

继续购物
以客人身份结账
注册并结帐
据我所知，您想按最右边的
注册、结帐和作为客人结账按钮，您的问题属于
react.js
类别。您可以将class关键字更改为
className
并使用代码


.holder
{
背景颜色：浅灰色；
显示器：flex；
填充：2%
}
.左侧
{
弹性：25%
}
.右侧
{
弹性：75%；
显示器：flex；
证明内容：柔性端；
}
按钮
{ 
左缘：1%；
}

继续购物
以客人身份结账
注册并结帐

如果使用引导


继续购物
作为客人退房
注册并退房

如果使用css类


.菜单{
显示器：flex；
调整内容：之间的间距
}
继续购物
作为客人退房
注册并退房

如果使用引导


继续购物
作为客人退房
注册并退房

如果使用css类


.菜单{
显示器：flex；
调整内容：之间的间距
}
继续购物
作为客人退房
注册并退房

<div className="row cart-buttons">
                                <div className="col-3">
                                    <Link
                                        to={`${process.env.PUBLIC_URL}/`}
                                        className="btn btn-solid"
                                    >
                                        continue shopping
                                    </Link>
                                </div>
                                <div className="col-9">
                                    <div className="row">
                                        <div className="mr-2">
                                            <Link 
                                                to={`${process.env.PUBLIC_URL}/checkout`}
                                                className="btn btn-solid"
                                            >
                                                check out as guest
                                            </Link>
                                        </div>
                                        <div className="col-5">
                                            <Link
                                                to={`${process.env.PUBLIC_URL}/login`}
                                                className="btn btn-solid"
                                            >
                                                sign up & check out
                                            </Link>
                                        </div>
                                    </div>
                                </div>
                            </div>

<div className="row cart-buttons d-flex justify-content-between">
    <div>
        <Link to={`${process.env.PUBLIC_URL}/`} className="btn btn-solid">
            continue shopping
        </Link>
    </div>
    <div>
        <Link to={`${process.env.PUBLIC_URL}/checkout`} className="btn btn-solid">
            check out as guest
        </Link>
        <Link to={`${process.env.PUBLIC_URL}/login`} className="btn btn-solid">
            sign up & check out
        </Link>
    </div>
</div>

<style>
    .menu {
        display:flex;
        justify-content:space-between
    }
</style>

<div className="row cart-buttons menu">
    <div>
        <Link to={`${process.env.PUBLIC_URL}/`} className="btn btn-solid">
            continue shopping
        </Link>
    </div>
    <div>
        <Link to={`${process.env.PUBLIC_URL}/checkout`} className="btn btn-solid">
            check out as guest
        </Link>
        <Link to={`${process.env.PUBLIC_URL}/login`} className="btn btn-solid">
            sign up & check out
        </Link>
    </div>
</div>