hs中jsf中的空白下划线：outputText

Question

我试过这个，但只有空白的spane没有下划线

    <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。