表单label里的文字怎么靠上对齐啊，默认是靠下的，怎让他靠上

html-css015

表单label里的文字怎么靠上对齐啊，默认是靠下的，怎让他靠上,第1张

你给文本域加一个vertical-align: top的CSS样式就行了，像这样：<textarea style="vertical-align: top" rows="10" cols="10">文本域</textarea>如果有问题，你再HI我好了。

Html中：<label><input type="checkbox" />记住我</label>

css中：input {vertical-align: -2px_vertical-align: -1pxmargin-right: 2px}

<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布局有兼容性，某些浏览器不支持。