スパン要素内のCSS複数のスペース

Question

ブラウザにフルネーム（firstName lastName）を表示しようとしているページがあります。私のJSPで

、私は

<span> 
    <c:if test="${someCondition1}"> 
     <c:out value="${firstName}"> 
    </c:if> 
    <c:if test="${someCondition2}"> 
     <c:out value="${lastName}"> 
    </c:if> 
</span> 

今すぐspan要素内のいくつかのコードのインデントのスペースがある持っています。 Firefoxでは、コードスペースは折りたたまれず、IEは折りたたまれています。など

、通常、ラップ、-moz-事前ラップしかし、これは、何らかの理由で動作していないようです。

はまた、私は、さまざまなCSS空白のプロパティを使用してみました。

また、私はfirstName/lastName内に複数のスペースを持つことができるので、これを修正するためにホワイトスペースプロパティを使用できない場合があります。最初の名前は

"my First Name" 

となる可能性があります。したがって、複数のスペースを折りたたむためにspan要素のCSSの空白を使用すると間違っています。

Answer 1

あなたはもうあなたのCSS white-spaceを必要としません。これにより 

firstName = firstName.replace(" ", " "); 

であなたのスペースを置き換えることができます。

Answer 2

Firefoxのはスペースを崩壊が、white-space-collapse: collapse;を試していない場合はする必要があります。これは、あなたが望む振る舞いを明示的に与えるCSS3のプロパティです。

編集：待って、私は混乱しています。名前の部分の間に1つ以上のスペースを使用するのは、どのようなシナリオでは合理的でしょうか？私はそれが受け入れられる人間言語を知らない。これは何らかの外国語ですか？

Answer 3

<span><c:out value="${someCondition1?firstName:''} ${someCondition2?lastName:''}"/></span> 

、これを試してみては、単一の行にすべてを持っています。