問題タブ [vertical-alignment]

UIBarButtonItems の水平方向の配置は問題ありません。スペースを固定/柔軟なスペース アイテムで埋めるだけです。ただし、ツールバー項目を垂直方向に調整できないようです。UIToolbar には配置プロパティがなく、UIBarButtonItem にはフレームを設定する方法がありません。

これを行う必要があるのは、initWithImage を使用して作成されたカスタム アイコンと、initWithBarButtonSystemItem で作成された標準アイコンを組み合わせて使用​​しているためです。カスタム アイコンが適切に中央に配置されていないため (適切に中央に配置されているシステム アイコンに比べて上にオフセットされている)、ツールバーがぎこちなく見えます。

わかりました、私はこれの完全な初心者です、実際、私はまだ私の最初のウェブサイトを構築しています。私は、できるだけ早くできるだけ多くのことを学ぼうと試みるために、CMSなしですべて手作業でコーディングすることによってこれを行おうとしています。この投稿が間違った場所にある場合は、お詫び申し上げます。正しい場所へのポインタをいただければ幸いです。

ここで、画像ギャラリーのサムネイルを自動的に垂直方向に揃えるjQueryを少しつなぎ合わせようとしています（サイズはすべて異なります）。それらは固定サイズのdiv内にあり、私が試みている関数は次のようになります。

当然のことながら、これは機能しません。親切な魂が完全な初心者を憐れんで、私がどこで間違っているのかを指摘することができれば（おそらく完全なジブリッシュを書くことは私の最初の推測です）、それは大いにありがたいです-あなたができたとしてもこれらのことに関するチュートリアルの方向に私を向けてください。そのような関数は簡単に作成できるという参考文献を1つ見つけましたが、詳しく説明していませんでした。

私がやりたいのは、垂直方向の整列を実現することです。テキストの下部の効果ですが、画像要素では実行していません。私はbackground-imageが設定された要素でそれを行っています。上記のコードをここに貼り付ける場合：http：//htmledit.squarefree.com/

テキストが垂直方向に下に揃えられなかったことがわかります。

可能であれば、html要素を追加せずにそれを行う方法を知りたいです。

みなさん、ありがとうございました。

隠しオーバーフローを使用して、固定サイズの div 内で可変サイズの複数行コンテンツの垂直方向のセンタリングを実行する方法はありますか?

目的は、Excel セルに表示される内容を再現することです。コンテンツがコンテナーに収まる場合は、垂直方向に中央揃えにする必要があります。コンテナーが大きい場合は、はみ出した部分を非表示にする必要があります (コンテンツは垂直方向に配置されます)。隣接セルが空でない Excel セル。

CSS を使用して垂直方向に中央揃えする方法を知っています。コンテンツが垂直方向に中央揃えされていないときにオーバーフローを非表示にする方法は知っていますが、両方を同時に行う方法がわかりません... Javascript が唯一の答えですか?

トリックは、CSS ポジショニング アプローチが可変サイズのコンテンツ (私のコンテンツは動的テキスト) では機能しないことです。また、 を使用するとdisplay:table-cell、CSS オーバーフロー コントロールが効果的に無効になります (そして、コンテナーはコンテンツに対応するように大きくなります)。

テキストの両側に行を作成するために、xhtml 1.0 strict にどのようなオプションがあるのか​​ 疑問に思っています。

私はこのようないくつかの派手なことをすることを考えました：

または、上記には配置に問題があるため (垂直方向と水平方向の両方):

これには配置の問題もありますが、この混乱で解決します。

アラインメントの問題に加えて、どちらのオプションも「曖昧」に感じます。たまたまこれを以前に見たことがあり、エレガントな解決策を知っていれば幸いです。

ここでテキストを CSS で垂直方向に揃える最も簡単な方法は何ですか?

問題：

幅と高さの画像を設定しました。height：160pxとしましょう。幅：200px; 各ボックスに画像があります。

画像のサイズはさまざまですが、サイズに関係なく、ボックス内で画像を常に垂直方向と水平方向の中央に配置するソリューションが必要です。

マージンを使用することで、水平方向は問題にならないようです。0自動ですが、垂直方向は難しいことが証明されています。垂直方向の整列を試しました：中央ですが、これも機能しないようです

どんな助けでも感謝します

Webkit (Safari、Chrome) がインライン ブロックに遭遇すると...

1. line-height高さが指定されている
2. コンテンツは複数のラインボックスを使用してレンダリングされます

... inline-block 要素は、指定された を無視しますvertical-align。

問題を説明するために、小さなテスト ケースがあります: http://arther.net/lab/webkit-vertical-align-test.html#test

Firefox 3.6、Opera 10.53、および IE7+ は、これらのインライン ブロックをインライン要素のように扱い、垂直方向の配置は期待どおりに機能します。Webkit ブラウザー (および Opera 10.10) は、この状況でインライン ブロックをブロック レベルの要素のように扱い、vertical-align. では、誰が正しくて、誰がバグを犯しているのでしょうか?

私はこれがどちらの方向にも進んでいるのを見ることができます。一方では、すべてのインライン要素 (インライン ブロックを含む) は、 に従って、含まれるライン ボックス内に適切に配置する必要があると言えますvertical-align。一方、インライン要素は通常、単一のインライン ボックスを定義し、独自のライン ボックスを持ちません。複数の行ボックスをラップするものはすべて、ブロック レベルの要素にする必要があります。その場合、インライン ブロックはブロックとして扱われるべきであり、したがって無視されvertical-alignます。

現在の動作を考えると、次のいずれかが当てはまると思います。

• これは Webkit のバグです
• これは、他のすべてのレンダリング エンジンのバグです。
• 仕様はこの特定の状況の処理について曖昧であり、さまざまなアプローチが取られています

この問題と予想される動作について誰かが明確に説明してくれれば、非常にありがたいです。

こんにちは、私は ASP.NET\ c# アプリに取り組んでいます。

エラー\成功メッセージをエンドユーザーに表示するためだけに、下部に div があるページがあります。これらのメッセージは、この div 内の asp ラベルに入ります。これらのメッセージを縦に並べる必要がありますが、これまでのところ成功していません。Vertical-align は IE では機能しないようです。

それに関するヒントはありますか？

tks

それで上司は私にこう言います。私は年をとっていて混乱しやすいですが、テーブルの使用をやめて、神が意図したように css を使用する時が来たと考えました。

しかし、垂直方向に並べようとしても、Chrome、IE6、IE7、Firefox のいずれでサイトを表示するかによって、さまざまな不可解な結果が得られます。（主に、フィールドと送信ボタンのサイズと垂直方向のセンタリングについて話しています。）

1) 私が知らない大きな秘密はここにありますか?

2) テーブルを使用するために元の計画に戻る必要がありますか?

3) CSS は実際には、宇宙人が「To Serve Man」のコピーを印刷している間、私たちを夢中にさせるために発明した残酷なトリックですか?

ハーフ！