1

単純な問題かもしれませんが、解決策が見つかりません。

私は自己ホスト型のワードプレスを管理しており、投稿する記事に写真を追加することが多く、それらを中央に配置するのが好きです. ただし、中央の写真にキャプションを追加すると、左に配置されることに気付きました。ここで例を見ることができます(1 番目と 2 番目の写真)。

「キャプションなしで整列」の画像コードは次のとおりです。

<p style="text-align: center;">
    <a rel="attachment wp-att-1949" href="http://themikal.com/?attachment_id=1949">
        <img class=" size-large wp-image-1949 aligncenter" title="hildolfr1" src="http://themikal.com/wp-content/uploads/2011/05/hildolfr1-566x400.jpg"alt="" width="391" height="276" />
    </a>
</p>

一方、「キャプションとずれ」の画像コードは次のようになります。

[caption id="attachment_1949" align="aligncenter" width="391" caption="Hildolfr"]
    <a rel="attachment wp-att-1949" href="http://themikal.com/?attachment_id=1949">
        <img class=" size-large wp-image-1949 aligncenter  " title="hildolfr1" src="http://themikal.com/wp-content/uploads/2011/05/hildolfr1-566x400.jpg" alt="" width="391" height="276" />
    </a>
[/caption]

<p style="text-align: center;"></p>キャプションブラケットの外側または内側のキャプション付き画像コードに追加しようとしましたが、結果はありませんでした。

なぜそれがそのように反応するのかについて誰かが考えを持っていますか? wordpress.stackexchangeは、それが css 関連の問題であると判断したため、ここでより関連性が高くなりました。

私は CSS に関してまったくの初心者であり、大幅に変更した事前に設計されたコードを使用しています。しかし、誰かが CSS の場所を指摘してくれれば、CSS の一部の情報についてより多くの情報を提供できます。

どうもありがとう！

4

1 に答える 1

1

恥ずかしいことですが、質問する数分前に、気づかずに問題を修正しました。

CSS に次の行がありませんでした。

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

img class = aligncenterそのため、何を意味するのか理解できませんでした。行を追加すると問題が修正されました。

于 2012-02-20T16:11:32.687 に答える