//align : 垂直对齐 left middle right
//justify: 水平对齐 start center end
<Row type="flex" justify="center" align="middle" style={{minHeight:'100vh'}}>
                    //align : 垂直对齐 left middle right//justify: 水平对齐 start center end&lt;Row type="flex" justify="center" align="middle" style={{minHeight:'100vh'}}&gt;&lt;Col&gt;...&lt;/Col&gt;&lt;/Row&gt;
componentWillMount() {
  this.props.form.setFieldsValue({
phone: this.props.maintain.account.phone,
    email: this.props.maintain.account.email
  console.log(this.props.form.setFieldsValue);
function setFieldsValue(fieldsValue) {
      var newFields = {};
      var fieldsMeta =
现在，此项目部署在服务器121.201.18.177中：/ home / hcapp / webHtml /
 更多信息，请查看deploy.sh
 如果只想部署到开发服务器，请执行shell脚本，例如：sh deploy.sh
如果要配置环境，请查看.webpackrc文件
				
使用过bootstrap modal（模态框）组件的人都有一种困惑， 好好的一个弹出框怎么就无法垂直居中了呢？刚巧在做一个eit项目，由于此项目里面一些框架要遵循nttdata的一些规则，故用到了Bootstrap这个东东，第一次碰到这个东东，有很大抵触，觉得不好，但用起来我觉得和别的弹出框真没什么两样。废话少说，切入正题，Bootstrap弹出框垂直居中的问题，因为我拿到的弹出框样式并非垂直居中，而是top 10%，但页面长了，就显得特别恶心。
解决方案如下所示：
1.在css里，找到
.modal.fade.in {
top: 10%;
这个样式，修改它就ok了，由于css中是
				
项目中的一个需求，让表格内的金额数据靠右展示，其余都居中显示，那么表头肯定不能一块居右，因为其他表头都是居中的，偶尔一个居右影响美观。
刚开始设想的很好，所有表头统一设置的居中显示，那么表体单独设置居右就可以了
const columns = [
         className: "columnHead",  //columnHead里面设置了居中的样式
         title: "预计费用",
         dataIndex: "yjfy",
         width: Tab
				
注：该组件本身自带的居中显示：当缩小窗口，其宽度比modal小的时候会掉下去，上面留有一段空白，是因为before的高度问题引起
this.modalService.create({
          nzContent: ModalTellDetailComponent,
          nzWrapClassName: 'centerModal',
          nzFooter: null,
          nzMaskClosable: false,
 .aaa{
 		display: table-cell;
	  vertical-align: middle;  //该属性是定义行内元素垂直对齐的，只有行内元素会生效。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。
本文用实验的方法理解各种方法实现居中的效果。
实现水平居中的样式主要有：text-align: center， margin: auto。
当然还有别的方式也可以实现，也会写在下面。
用三个同样的div来控制变量法看效果，这三个div既是组件也是容器。下面将他们分别叫做1号，2号，和3号。
<template>
        <div style="border:solid #409eff ;width: 400px;