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

ただし、実際に必要なのは「水平ルール」だけである場合、 A<hr>は意味的により正確です。

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

styleできるだけ使用を避け、代わりにclass/を使用する必要があることに注意してください。styleClass