[分享]css两个控件并排

CSS是网站开发中重要的一环。今天我们将学习如何使用CSS将两个控件并排。

 <div class="container">
        <input type="text" class="left-control">
        <input type="submit" class="right-control">
    </div>

    <style>
        .container {
            display: inline-block; 
            /* or use float:left */
        }
        .left-control {
            width: 50%; 
            /* or adjust to your needs */
            float: left; 
            /* or use display:inline-block */
        }
        .right-control {
            width: 50%; 
            /* or adjust to your needs */
            float: right; 
            /* or use display:inline-block */
        }
    </style> 

在上面的代码中，我们使用了一个 <div> 来包含两个控件，并使用CSS控制两个控件的宽度和浮动。

这是一种基本的并排两个控件的方法，您可以根据自己的需要进行更改和扩展。