0

HTML では、ワードラップで分割できない画像とテキストのグループを持つことは可能ですか? つまり、1 つの行に一緒にレンダリングされるか、次の行にまとめて表示されますか?

これは単語を使用して行うことができますが 、このグループに小さな文字サイズのアイコンを追加したいと思います。

例：

<p>
  Some some normal, wrappable text 
  <span class="unbreakable"><a><img src="logo.png"></a>&nsbp;<a>Product&nbsp;Name</a></span>
</p>

注意。<a>簡潔にするために、タグから属性を削除しました。

現在、「logo.png」画像が 1 行に表示され、「製品名」が次の行に表示される可能性があります。

このコードはサイズ変更可能な要素の一部であり、1 行でレンダリングできる場合もあれば、必要な場合もあるため、不要な場合に a を強制したくありません<br>。

4

1 に答える 1

2

コメントからの拡張:

ロゴと製品名を「ラップできない」部分全体として組み合わせたい場合は、次を使用できますwhite-space:nowrap。

フィドル

.unbreakable
{
  white-space:nowrap;
}
于 2012-10-30T05:09:50.317 に答える