ノーブレークスペース文字を挿入するにはどうすればよいですか?  JSFページで?


86

HTMLで使用できるように、JSFページに改行なしスペース文字を挿入するにはどうすればよい ですか?JSFにそのようなタグはありますか?


回答:


177

これはうまくいくでしょう

<h:outputText value="&#160;" />

5
なぜ<h:outputText>必要なのですか?
アレクサンダー2015

実際、他のhtmlショートカットではなく、HTML番号を使用するのが最善の方法です。
DNL


18

RichFacesライブラリを使用している場合は、タグrich:spacerを使用して、指定された長さと高さの「非表示」画像を追加することもできます。通常、大量のnbsp;を追加するよりもはるかに簡単できれいです。

スペースに表示したい場所には、次を追加するだけです。

<rich:spacer height="1" width="2" />

+1は、ここでは正確には尋ねられませんでしたが、あなたの答えは私に役立ちました(タイトルを再確認します)
スタッカー

5
ここでは同じ、このタグは、PrimeFacesに存在する:<p:spacer />
ダニエルSZALAY

9

Primefacesを使用することもできます <p:spacer width="10" height="10" />


6

最終的には、使用するだけで&nbsp;失敗した場合は、これを試すことができます...

<h:outputText value="& nbsp;" escape="false"/>

(トムのように、私は間にスペースを追加&してnbsp;


エスケープは非常に重要であり、これが安全でないソリューションに取って代わられる可能性があると感じています。nbsp /他のhtml要素のみのエスケープをあきらめるのは難しいです。その上、「スペース」は忘れられるかもしれません。これは非常に冗長ですが、より短い選択肢があります。
DNL


4

&nbsp;ページでエンティティを使用すると、パーサーが文句を言うことがわかりました。少し調べてみたところ、ページの先頭にDOCTYPE宣言を追加すると、エンティティが許可されることがわかりました。私はこのDOCTYPE宣言を使用します:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

これの副作用は、結果のコード(Webブラウザーの「ソースの表示」機能を使用して表示される)に実際には&nbsp;エンティティが含まれていないことです。代わりに、改行しないスペースを表す実際の文字が含まれます。それは機能しますが、それは本当に私が望むものではありません。パーサーがエンティティを文字に置き換えないようにする方法をまだ探しています。

詳細はこちら:http//java.net/jira/browse/JAVASERVERFACES-1576


2

あなたはprimefaces図書館を使うことができます

 <p:spacer width="10" />

これは質問に対する答えを提供しません。十分な評判得られたら、どの投稿にもコメントできるようになります。代わりに、質問者からの説明を必要としない回答を提供してください。-レビューから
Luca Detomi

@ihebihebは+6を取りました、それが間違っていると私に言わないでください、私はその真実を知っているので、あなたは
何とか何とか

詳細が不足しているため、回答が短すぎるとフラグが付けられました。詳細を追加して、ソリューションが優れたソリューションまたはおそらく最良のソリューションである「理由」をユーザーに理解してもらうことをお勧めします。詳細を追加すると、ユーザーはソリューションをわずかに異なる問題に適応させることができます。
Luca Detomi 2016年

1

オプションに追加するだけです:動作し<h:outputText value="&amp;nbsp;" escape="false"/>ました


エスケープは非常に重要であると感じているので、これは安全でないソリューションに取って代わられる可能性があります。nbsp /他のhtml要素のみのエスケープをあきらめるのは難しいです。その上、これは非常に冗長ですが、より短い選択肢があります。
DNL

0

160を与える必要はありません。141も動作します。値フィールドには、value = "&#141"を入力します。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.