2012-01-13 10 views
0

背景があるアンカーがあります。アンカーにはテキストがあります。しかし、アンカーに背景イメージがあり、背景イメージだけを表示したいので、テキストを表示したくないです 次のCSSを使用することで完成しましたが、CSS3ブラウザでしか機能しませんでした:http://jsfiddle.net/3SmmL/インライン要素のテキストインデントの問題

display:inline-block;を追加すると、要素はブロック要素として機能しますが、他のdivはインラインのままになります。したがって、テキストインデントは正しく機能します。 (テキストインデントはインライン要素ではサポートされていないため)

ただし、CSS3以外のブラウザでは、インラインブロックプロパティはサポートされていないため、アンカー全体が-999999pxでインデントされます。 display:blockを使用すると、幅を0に設定すると、アンカーはCSS3バージョンとまったく同じように見えますが、それらはすべて別の行に表示されます(例:http://jsfiddle.net/3SmmL/1/)絶対位置指定なしで同じdivにすべてのdivを表示させるにはどうすればよいですか。 HTMLコードも変更できません。

答えて

2

ちょうどfloat: leftを2番目のフィドルに追加してください。それはあなたが望むようにそれらを整列させます。

http://jsfiddle.net/bnaegele/3SmmL/8/

関連する問題