Question

我试图将h：outputText标记的值对齐居中，该标记由div标记包围。我发现示例1）符合我的目标但是我希望使用css类来满足需要但我没有成功。例2）是我尝试过的失败。

Example 1)
<div align="center">
    <h:outputText value="Have a blessed day!" />
</div>

Example 2)
<div class="header">
    <h:outputText value="Have a blessed day!" /.
</div>

In css file
.header {
    align: center;
 }
// tried also text-align
.header {
    text-align: center;
 }

[更新] 对不起这是一个误报。事实上，text-align有效。我使用的浏览器IE 10显示了缓存数据，因此我被误导了。

Answer 1

您可以使用以下代码来实现您的要求

<div class="container">
<div class="center">
  <h:outputText value="Have a blessed day!" />
</div>
</div>

在CSS中：

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

.center {
  width: 800px;
}

Answer 2

您需要在其样式中添加display: block，然后可以使用margin: 0 auto对其进行集中。

   <h:outputText style="display: block; margin: 0 auto" value="Have a blessed day!"/>

或者如果您想使用课程：

    <h:outputText styleClass="cls" value="Have a blessed day!"/>
    .cls {
    display: block; 
    margin: 0 auto;
    }

Answer 3

SET @statement = 'use master ALTER DATABASE '+@database+' SET RECOVERY simple; BACKUP DATABASE '+@database+' TO DISK = ''xyz\'+@database+'.bak'' WITH INIT, COMPRESSION WAITFOR DELAY ''00:00:10''; ALTER DATABASE '+@database+'SET SINGLE_USER WITH ROLLBACK IMMEDIATE; DROP DATABASE '+@database+';' EXEC (@statement);

和我一起工作：）

h：outputText值以对齐中心

3 个答案: