怎么用css使得input的输入框对齐，要写出代码，别百度其他的

Posted 2023-04-30

要求在css里面的input设置，要怎么设置

<style>
/*flex布局*/
  .row
    display: flex;
    flex-direction: row;
  
  .row > label
    width: 100px;
  
  .row > .auto
    flex:1;
  
  /*常规布局*/
.row:after
  height: 0;
  display: block;
  clear: both;

.row > label
  width: 20%;
  float: left;

.row > .auto
  width: 75%;
  float: right;

</style>

<div class="row">
  <label>1</label>
  <input class="auto" type="text" />
</div>
<div class="row">
  <label>1</label>
  <input class="auto" type="text" />
</div>
<div class="row">
  <label>1</label>
  <input class="auto" type="text" />
</div>
<div class="row">
  <label>1</label>
  <input class="auto" type="text" />
</div>

上面的flex布局有兼容性，某些浏览器不支持。

追问

做法是对的，可惜不是我要的

参考技术A

你可以 

labeldisplay:block-inline;width:100px

input输入框用jquery怎么写失去焦点事件

参考技术A 参考下面方法：
$("input").blur(function()
$("input").css("background-color","#D6D6FF");
); 参考技术B $("#input的id").blur( function ()

alert("Hello World!");

); 参考技术C 百度一下，找不到你想要的结果吗追问

我想要具体的示例代码