如何将按钮移动到Salesforce闪电组件的中心

Question

<aura:component implements="force:lightningQuickAction,force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes" access="global" >


       <H1> <ui:button label="Web to Lead Form"  press="{!c.openActionWindow}"/> </H1>

Css

.THIS {
}

H1.THIS {

    font-family: 'calibri';
    font-size: 18px;
    background-color: White;
    border: 5px solid white;
    padding: 20px 110px;
    text-align: center;

}

这里是snapshot，我无法将内部按钮移动到中心位置

Answer 1

如果可以的话，您是否尝试弯曲主机组件？

.THIS {
  display: flex;
  justify-content: center;
}