Css 如何将PanelGrid与中心对齐？JSF素数面
我知道在这个问题上有很多问题，但没有什么对我有效 我需要将PanelGrid与中心对齐（水平） 这是我的panelgridCss 如何将PanelGrid与中心对齐？JSF素数面,css,jsf,primefaces,panel,Css,Jsf,Primefaces,Panel,我知道在这个问题上有很多问题，但没有什么对我有效 我需要将PanelGrid与中心对齐（水平） 这是我的panelgrid <p:panelGrid styleClass="panelGridCenter"> 它只是将内容与中心对齐，而不是将panelGrid对齐。JSF组件呈现一个默认为HTML的HTML元素。要使块级元素本身居中，应将其水平边距设置为auto，而不是尝试将其内联内容居中 .panelGridCenter{ 保证金：0自动； } 另见： 上述答案在技术上是正
<p:panelGrid styleClass="panelGridCenter">
auto.panelGridCenter{
保证金：0自动；
}
- 上述答案在技术上是正确的，但也不完整
如果你想把像div一样的东西放在中间，如果你的div宽度有限，那么上面的使用左右边距作为auto的技术就可以了。
例如，为了让你开始产生任何效果，你必须放置宽度=60%之类的东西
然后，一旦你意识到你需要使用固定的宽度。。。系统会立即提示您回答下一个问题：
那么，我应该输入什么作为我的固定宽度呢
这就是为什么我认为这个问题最好的答案是：
像上面的CSS技术，对于网页上的小细节来说是可以的。
但是，将任何内容集中在web页面上的粗粒度方法应该是使用网格系统。
大多数网格系统使用12个单元。
例如，如果网格系统默认为12个单元格=100%宽度。
例如，您可以将内容放在单元格[5-8]的中心位置，而不将内容放在centurion space单元格[1-4]和单元格[9-12]的中心位置
以下是一个基于prime faces网格系统的示例：
<h3 id="signInTitle" class="first">Sign in - FIXME - i18n</h3>
<form id="loginFormOld" (ngSubmit)="onLoginFormSubmit()">
<!-- (a) Start a grid system-->
<div class="ui-g ui-fluid">
<!-- (b) Eat the first four cells of the grid -->
<div class="ui-g-12 ui-md-4"></div>
<!-- (c) In the center location of the grid put in the Login form -->
<div class="ui-g-12 ui-md-4">
<div class="ui-inputgroup">
<span class="ui-inputgroup-addon"><i class="fa fa-user"></i></span>
<input id="emailInput" pInputText type="email" placeholder="Email" [(ngModel)]="eMail" name="eMail">
</div>
<div class="ui-inputgroup">
<span class="ui-inputgroup-addon"><i class="fa fa-key" aria-hidden="true"></i></span>
<input id="passwordInput" pInputText type="password" class="form-control" placeholder="Password" [(ngModel)]="password" name="password">
</div>
</div>
<!-- (d) Eat the rest of the first row of the grid without setting any contents -->
<div class="ui-g-12 ui-md-4"></div>
<!-- (e) Start the second row and eat the first four cells -->
<div class="ui-g-12 ui-md-4"></div>
<!-- (f) Position a form submit button on the fifth cell -->
<div class="ui-g-12 ui-md-1">
<button id="loginSubmit" pButton type="submit" label="Submit"></button>
</div>
</div>
</form>
登录-修复-i18n
理论上有很多潜力，比在div元素上硬编码一些任意固定长度要好得多。。。但也不是解决所有问题的灵丹妙药。以防您需要右对齐
.rightAlign{
margin-left: auto;
}
因此，您建议使用
p:panelGrid layout=“grid”表trtd.rightAlign.rightAlign{
margin-left: auto;
}