0

私はこのDIVを持っています:

#bar {
  margin: 5px 0px 10px 0px;
  height: 25px;
  background:#c0c0c0;
  color: #E0E0E0;
  border: 2px solid #444444;
  background: #333333;
  padding: 5px;
}

そして、この Iframe:

<div id="bar">
<iframe src="myvotes.php?u=<? echo $_GET['u']; ?>" width="100%" height="28px" scrolling="no" frameborder="0"></iframe>
</div>

iframe (myvotes.php) 内には、それぞれ 16 x 16 の 5 つの小さな画像があり、その後にテキストが続きます。[div id="bar"] で画像とテキストを垂直方向に揃えようとしていますが、うまくいきません。

まず、iframe の高さはどのくらいですか。16pxから35pxまで全部試しました。パディングとマージンのさまざまな組み合わせを追加して中央に配置しようとしましたが、うまくいきませんでした。

繰り返しますが、提供するリンクはありませんが、助けていただければ幸いです。これらのささいなことはとても面倒で、私が持っていない膨大な時間を無駄にしています.

4

4 に答える 4

0

あなたが何をしようとしているのか少しわからないので、これがあなたの質問に答えるかどうかは100％肯定的ではありません.

#bar img {
    vertical-align: middle; 
}

それでもうまくいかない場合は、line-height を div と同じ高さに設定することもできます。

#bar {
    height: 28px;
    line-height: 28px;
}

まったく関係ありませんが、このサイトで 4 つのスペースをインデントすると、コード スタイルの書式設定が適用されます。

于 2010-07-22T01:40:02.293 に答える
0

何をしたのかわかりませんが、すべての値をいじって取得しましたが、そうする必要はありません。他のプログラマーがこの種のことをどのように扱っているかはわかりませんが、このプロジェクトの後、私はそれを放り込んでいます。実際には数分しかかからないはずのことを何時間もかけてしまいます。

提案に感謝します。これを投稿するときにコードボタンが見つからなかったため、即興で作成する必要がありました。

また、vertical-align は一目瞭然ですが、期待どおりに動作しません。画像の周りには常にスペースがあるとどこかで読んだことを覚えていると思います。わからない。

于 2010-07-22T02:09:15.280 に答える
0

縦に並べるとはどういう意味かを指定する必要があると思います。しかし、ここで知っておくべき重要なことは、iframe はトリッキーな獣だということです。基本的に、それらは Web ページ内の Web ページであり、その「内部」ページにスタイルが関連付けられていない場合、すべてが左上隅に配置されます。

やりたいことは、適切な css が適用された div にラップされたコンテンツを myvotes.php にエコーさせることです。myvotes.php も独自の css を持つ必要があると思います。これは、div がスタイルを取得する場所です。myvotes.php のソース コードを提供していただければ、さらにお役に立てるかもしれません。

于 2010-07-22T02:09:58.553 に答える
0

あなたの質問はよくわかりませんが、16x16 の画像を縦に並べることができる解決策を提供しようと思います。

myvotes.php 内に div を作成し、その中に画像を保持します。例。

<div id="someone" style="width:16px;">
   <img src=".........."/>
   <img src=".........."/>
   <img src=".........."/>
   <img src=".........."/>
   <img src=".........."/>
   <img src=".........."/>
</div>

これにより、画像が縦の列に表示されます。

これで、メインの div と iframe

<div id="bar">
<iframe src="myvotes.php?u=<? echo $_GET['u']; ?>" width="100%" height="80px" scrolling="no" frameborder="0"></iframe>
</div>

わかりませんが、これがあなたの答えです。とにかくそれが役立つことを願っています。

于 2010-07-22T02:27:10.493 に答える