在h:outputText中jsf中的空白下划线行

Question

我已经尝试过了，但只有空白的空间没有下划线

    <h:outputText style="font-weight:bold;text-decoration:underline" rendered="#
{declarationBB.deaclarationOpr.declarationDetailsobj.productName == null}" value="                           " /> 

Answer 1

HTML中不重要的空白将被折叠。除非在开头和结尾插入非空白字符，否则实际上没有任何视觉表示，如下所示:

value="[                           ]"

如果你想要的只是一个固定大小的行，不如使用一堆下划线:

__________________________

或者，如果你真的想使用HTML/CSS，使用一个固定宽度和边框的块元素:

<div style="width: 200px; border-bottom: 1px solid black;"></div>

然而，如果你真正想要的是一个"水平线"，那么<hr>在语义上更正确:

<hr style="margin: 0; width: 200px; height: 1px; background: black; border: none;" />

应注意的是，应尽量避免使用style，而应使用class/styleClass。