1

わかりました、ちょっとばかげた質問ですが、これを私の人生で機能させることはできません。ナビゲーション画像の下にテキストを配置しようとしています。

私はテキストをスパンや段落に入れてみましたし、ブレークタグも試しました。

これは私のulです

<ul id="mainImg">
  <li><?=anchor('home/artwork', $art); ?></li>
  <li><?=anchor('home/comps', $des); ?></li>
  <li><?=anchor('home/sites', $web); ?></li>
</ul>

私はcodeigniterを使用しているので、画像は変数に格納されており、クリックできるように上記のリンクに渡します。

これらの3つの画像で私が持っている唯一のスタイルは、不透明度とdisplay：inlineであり、それらが隣り合って配置されます。それらの下にテキストを配置しようとするたびに、残りの画像も次の行にプッシュされます。なるべく避けたいと思います。

私が達成しようとしていることを確認したい場合は、これが置かれているライブサイトがあります。catlyndesigns.net現在、このサイトのバックエンド全体を再コーディングしているため、現時点ではほとんどまたはまったく機能していないことに注意してください。

助けてくれてありがとう！:)

4

1 に答える 1

1

display: inline-block代わりに使用してください。

例： http ：//codepen.io/jonjaques/pen/JvocB

よりセマンティックであるため、アンカータグの内側でスパンを使用していることに注意してください。タグを使用することもできます<p>。重要なのは、テキストをラップする要素に必要な要素です。display: block

于 2013-02-05T01:24:58.383 に答える