两列沿中线对齐,类似下面的效果

图片描述

我开始两列分别absolute, 分别margin-right和margin-left来实现, 但这样不能随着div移动,觉得不方便,div加relative的也不好,另外有什么方法实现这样的效果吗?

阅读 2.8k
3 个回答

form表单的布局。label部分可以固定宽或者百分比宽,右对齐,float:left。input部分margin-left的值和label部分的值相同即可。label部分和input部分组成一个form-row,一个form由多个form-row组成即可。

以上的布局是参照element-ui的el-form组件

左边的用text-align:right,右边用text-align:left即可。

截图应该就是 Bootstrap 的样式

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