html - JSF如何改变链接的对齐方式

Question

这是我的视图的 html 输出。问题是 text-decoration 运行良好，但 text-align 不起作用。

<div class="ui-layout-unit-content ui-widget-content" style="position: relative; height: 23px; visibility: visible;">
   <a href="secure_logout" style="text-decoration: blink;text-align: right">Logout</a>
</div>

我也尝试过 Css，但它不起作用。

element.style {
   color: #D20005;
   font-weight: bold;
   text-decoration: #D20005 !important;
   text-align: right !important;
}

Answer 1

只需将display: block;或添加display: inline-block;到您的athen 中，它就会被对齐到正确的位置。

因为在应用显示属性之前，它的默认值是 inline 并且 inline 元素不能有宽度，没有宽度它不能对齐。

Answer 2

尝试使用这个

    <div class="aligndiv" style="text-align:center;">
        <a href="secure_logout" style="text-decoration: blink;text-align:center">Logout</a>
    </div>