背景

  • 页面设计器拖入组件默认是靠左显示,期望能统一居中显示。

操作

  1. 在把所有的表单组件都拖入一个容器组件内,并且把容器组件的宽度设置成组件一样的默认宽度,446px,然后容器组件设置居中。

demo.gif

  1. 默认的提交按钮会默认居左,需要添加一段代码来调整提交按钮的位置,可以调节代码中的margin-left的值的大小来确定位置。
  1. const style = document.createElement('style');
  2. style.type = 'text/css';
  3. style.innerHTML = `
  4. .submitButtonAppendix {
  5. margin-left: 455px;
  6. }
  7. `;
  8. document.head.appendChild(style);

aligncenter.gif