我可以用什么代码让我的按钮向左掉落

问题描述 投票：0回答：2

我正在设计一个应用程序，但我似乎想不出一个 CSS 规则集来使按钮向左倾斜。

所以我基本上是试图让重置按钮落在数字的左边，也就是下面圈出的点。我需要一个CSS规则集来实现这个。 注意：浮动在这种情况下无济于事

css button design-patterns
2个回答
0
投票

发帖前请正确阅读加帖指南。如果您在帖子中添加了代码，则解决此问题会更容易。我不知道你是怎么写代码的，但在这里我想给你一个解决方案。

创建一个父 div 并将按钮放在里面。

<div class="reset-parent">
    <button class="reset-btn">Reset</button>
</div>

CSS

.reset-parent{
    display: flex;
}
.reset-parent .reset-btn{
    margin: 0 0 0 30px;
    padding: 10px 20px;
}

同样，我不确定您是如何编写代码的，因此无法为您提供确切的解决方案。但是您可以按照这种方式进行操作，希望对您有所帮助。

-1
投票

您可以使用这种方式将重置按钮放在左侧

    <!DOCTYPE html>
    <html>
    <title> CSS </title>
    <head>
    <style>
    
    #resetcontainer{
        display: flex;
        flex-direction: row;
    }
    
    #reset{
            margin-right: 30px;
        padding: 10px;
    }
    </style>
    </head>
    <body>
    <div id="resetcontainer">
        <button id="reset">Reset</button>
        <p>0</p>
    </div>
    </body>
    </html>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.