width一边auto,另一边自动沾满的布局怎么实现?

clipboard.png

左边文字 可长可短,右边自动沾满剩余width,这样的布局怎么实现?

阅读 3k
4 个回答

需要沾满剩余width的元素设置flex-grow:1;

flex弹性布局

使用table布局也是可以的,table-layout: auto。

.wrapper{
  display: table;
  table-layout: auto;
}
.wrapper > .row{
  display: table-row;
}
.wrapper > .row > .cell{
  display: table-cell;
}

.cell > input{
  width: 100%;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题