問題タブ [vertical-alignment]

ナビゲーションリンクを親divの中央に垂直に配置したいと思います。それ、どうやったら出来るの？

HTML：

CSS：

次の入力要素があります (この例では不要な属性を意図的に省略しました)。

Chrome と Internet Explorer (おそらく Opera も) では、入力内のテキストは垂直方向に中央揃えになります。ただし、Firefox はこの宣言を無視しているようです。display: inline-block;代わりに設定したり、使用したりしvertical-align: middle;ても、Firefox では効果がありません。

また、上下のパディングを13pxに設定し、高さを に設定しようとしましたが14px、これは (font-size と組み合わせると) 要素が40px高くなります。これは期待どおりに機能します。ただし、末尾の文字 ( g、q、jなど) は下部で切り取られます。

入力ボックス内のテキストを固定の高さで垂直方向に配置するためのクロスブラウザー ソリューションを探しています。入力要素には独自のホバー スタイルとフォーカス スタイルがあるため、要素自体を縦方向に配置してセンタリングを偽装すること40pxは実際にはオプションではありません。

乾杯

高さ18pxの画像と横のテキストを中央揃えにしたいです。ここに私が使用するコードがあります:

このコードでは、div コンテナーは 18 ピクセルではなく 19 ピクセルの高さでレンダリングされ、テキストは画像の中央に配置されません。Safari 4 と Firefox 3.6 で試しました。その1ピクセルの理由は何ですか？

ありがとう

どこが間違っているのか誰にも教えてもらえますか... (window).height. 625 は、中央に配置されている Div の高さです...

これは Firefox では機能しますが、IE7 では、ブラウザ ウィンドウのサイズを変更するまでマージントップが設定されません。

テスト サイトはhttp://guylloyd.co.ukです。

どんな考えでも驚くほど高く評価されます！

マーティン

});

この場合、いくつかの div の位置合わせに問題があります。

(もちろん、これは回避したい動作を再現する例にすぎません。)

content-div が container-div から整列することを期待していたでしょう。したがって、「プリアンブル」と「コンテンツ」の間には合計 150px が必要です。

ただし、(少なくとも Firefox では) そうではありません。container-div は単純に無視されるため、コンテンツ div の margin-top も、preamble-div の margin-bottom の margin-top より大きくない限り無視されます。

私に何ができる？適用する必要がある追加のcss ルールはありますか? position: relative と html-structure を維持したいと思います。

ありがとうございました！

[編集2]

あなたがまだ私と一緒にいることを願っています;-)

遅れてすみません...これがライブデモです。とても生き生きしているので、問題を説明するために小さな jquery スクリプトも作成しました。ボタンを試してみてください。 ライブデモ

ありがとうございました！

[編集]

方法は次のとおりです。

_{(ソース: 666kb.com )}

好きなように（国境なしで）

_{(ソース: 666kb.com )}

画像はぎくしゃくしていますが、違いが明らかであることを願っています;-)

私は自分の論文に取り組んでおり、2つの画像を並べて配置するのに苦労しています。これにより、2番目の画像が最初の画像に沿って垂直方向に中央に配置されます。私もsubfigure代わりに使用しようとしましsubfloatたが、どちらも機能しません。

これは、代替テキストの外観ですhttp://img51.imageshack.us/img51/1174/screenshot20100224at712.png

私のコードは次のとおりです。

今より見栄えを良くするための提案はありますか？どうも

LaTeXでの時間の表があります。

これらの時刻は 4:00 または 12:00 の形式で、長さが異なります。これらの時間をコロンで縦に並べたいと思います。LaTeXでこれを行う良い方法はありますか?

リスト (nav) を画像 (ロゴ) の中央に配置したいと考えています。を使ってみvertical-align: middle;たのですが、画像を左右に浮かべるとうまくいきませんでした。

これが私のコードです：

HTML:

CSS:

私はそれらを配置した場所からすべてのvertical-align: middle;'s を取得しました (私が読んだことから、#logo にのみ適用されるはずでしたが、各要素でテストしました)。

とにかく、助けていただければ幸いです。

テキスト領域の高さを5行にしたい。私は次のコードを使用しています。

テキスト領域は正常に見えますが、問題は、テキストフィールドの中央でカーソルが点滅していることです。テキストフィールドの最初の文字で、最初の行で点滅させたいです。