CSS是网站开发中重要的一环。今天我们将学习如何使用CSS将两个控件并排。 <div class= container > <input type= text
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控制两个控件的宽度和浮动。
这是一种基本的并排两个控件的方法,您可以根据自己的需要进行更改和扩展。
粉丝
0
关注
0
收藏
0