0

WordPressサイトの文章と写真の間にCSSで単一のスペースを作成するにはどうすればよいですか？次のコードで文をラップしようとしました<span style="font-size: 0.8em; line-height: 75%;">blahblahblah</span>が、これは機能しませんでした。

編集：応答が遅れたことをお詫びします。写真の下部にFlickrリンクを含めて、写真家の属性/クレジットを表示しようとしていますが、写真と属性/クレジットリンクの間にスペースを1つ入れたいと思います。以下は、ブログ投稿の上部に現在あるもののコードです。

<img class="size-full wp-image-68 alignnone" title="What Causes Eczema" src="http://eczemafreedomacademy.com/wp-content/uploads/2012/04/what_causes_eczema.jpg" alt="What Causes Eczema" width="500" height="500" /><span style="font-size: 0.8em;">(Photo: <a href="http://www.flickr.com/photos/helga/3952984450/" target="_blank">Helga Weber</a>)</span>

前もって感謝します。

4

2 に答える 2

1

HTMLを見ずに何を達成しようとしているのか完全には理解できませんが、最も単純なケースを想定すると、これでうまくいくはずです。

まず、画像タグにid属性を追加します。別の要素のIDと重複せず、スタイルコードにあるものと一致する限り、任意のID値で使用できます。

<img id="yourImageID"....>

ドキュメントにスタイル要素を追加するか（通常はhead要素内）、このCSSマークアップを既存のスタイル要素に追加します。ドキュメントによってリンクされているCSSファイルに内部を挿入することもできます。これを配置する場所の詳細については、この記事をお読みください。

#yourImageID {
    margin: 1em;
}

ところで：一般的に、要素にスタイルをインラインで配置することはお勧めできません。それらを<style>ドキュメント内の別の要素に配置します。

于 2012-04-22T06:14:13.633 に答える
1

元の HTML が表示されていないのでわかりにくいですが&nbsp;、文章の最後に追加するだけで十分かもしれません。

それでもうまくいかない場合は、何をしようとしているのかを詳しく教えてください。追加したコードはスペースを追加しようとしないため、混乱している可能性があります。

于 2012-04-22T06:23:21.197 に答える