[分享]css中如何让两个文本框同行

在CSS中实现让两个文本框同行其实并不难，主要有以下几个方法： 方法一：使用float属性 可以给需要在同一行的两个文本框都添加float:left或float:right属性，让它们浮动在同一行。具...

在CSS中实现让两个文本框同行其实并不难，主要有以下几个方法： 方法一：使用float属性 可以给需要在同一行的两个文本框都添加float:left或float:right属性，让它们浮动在同一行。具体代码如下： pre { background-color: #eee; padding: 10px; } input { float: left; margin-right: 10px; }

方法二：使用display:inline-block属性 给需要在同一行的两个文本框都添加display:inline-block属性，让它们显示为行内块元素。具体代码如下： pre { background-color: #eee; padding: 10px; } input { display: inline-block; width: 45%; }

以上两种方法都可以实现让两个文本框在同一行，并且可以根据实际需求选择使用。