CSSテキストは常に同じ行にあります

Question

私はBBコードに似たシステムを持っています。これにより、2つのタグ内のテキストが、ホバリングされたときにラインイメージを生成するリンクに変換されます。

フレーズが長い場合、テキストが次の行に折り返されることがあるという問題があります。これが起こると、イメージは前の行のテキストの上に表示され、正しく表示されません。このため、テキストが折り返される場合は、代わりに新しい行に折り返されるようにしたいと思います。

私はこれに対するCSS3の解決策に満足しています。

おかげ

Answer 1

はあなたa CSS display: inline-blockを与えます。インラインブロックはブロック内でのブレークを許可しないため、次の行に移動します。

a { 
display: inline-block; 
}