は、なぜコードのこの作品は、テキストの前に画像を表示しないThymeleaf

で作業されていません。は、なぜコードのこの作品は、テキストの前に画像を表示しないThymeleaf

<p> 
    <span> 
    <img src="../assets/images/favorite.svg" height="12px"/> 
    </span> 
    Baked Alaskan Salmon with Asparagus 
</p>

しかしThymeleafでフォーマットする場合には、画像が表示されない：

<p th:text="@{' ' + ${recipe.name}}"> 
    <span> 
    <img src="../assets/images/favorite.svg" height="12px"/> 
    </span> 
    Baked Alaskan Salmon with Asparagus 
</p>

出典

2016-08-26 zzheads

'高さ=「12ピクセル」をチェックアウトする方法の詳細については

<p th:inline="text"> [[@{' ' + ${recipe.name}}]] <span> <img src="../assets/images/favorite.svg" style="height:12px"/> </span> Baked Alaskan Salmon with Asparagus </p>

かかわらず、それをテストしていませんが、動作するはず'間違っています。 imgの高さ/幅はCSSの測定値を使用できません。それらは平方整数としてピクセル値のみを受け入れます。 –

奇妙ですが、同じ高さの最初のコード= "12px"属性は完璧に機能します。あなたのブラウザが "礼儀正しく" pxを切り落としている可能性が高いため、Plain textとThymeleafパターン – zzheads

の違いだけですが、属性値が無効であるという事実は変わりません。 –

をThymleaf'sth:inline="text"タグを使用して、Thymleaf処理タグ内にhtmlコンテンツを表示してみてください。次のコードは、私がinlineタグ作品はdocs

出典

2016-08-28 15:07:17

動作しませんが、お手伝いをしていただきありがとうございます – zzheads

何といいますか？エラー？ブラウザでコンソールを開き、imgタグがそこにあるかどうかを確認します。あなたの画像がそのパスに存在しない可能性もあります。 –

それは動作します！私の間違いは、削除thを忘れました：そこからのテキスト:)ありがとう！ – zzheads

は、なぜコードのこの作品は、テキストの前に画像を表示しないThymeleaf

答えて

関連する問題