問題タブ [vertical-alignment]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
33 に答える
2037258 参照

html - div 内のテキストを垂直方向に揃えるにはどうすればよいですか?

テキストを div に揃える最も効果的な方法を見つけようとしています。私はいくつかのことを試しましたが、どれもうまくいかないようです。

0 投票する
2 に答える
35798 参照

latex - ラテックスで垂直方向と水平方向に見積もりを中央に配置するにはどうすればよいですか?

ラテックスの空白のページに引用があります。なんとか水平方向に中央揃えにしましたが、垂直方向に中央揃えしようとすると問題が発生します。私が試してみました

ただし、機能しません。

0 投票する
4 に答える
11538 参照

css - テーブル セル内のテキストの垂直方向の配置

表のセルに画像の後にテキストを配置すると、テキストの垂直方向の配置が、隣接するセルのテキストに比べて下にずれます。CSSプロパティを使ってみたline-heightのですが、効果がないようです。

次の例では、「123 説明」を「セル 1」と同じにする必要があります。また、デフォルトでは画像と「123」の間にスペースがあります。どうすればそれを調整できますか-おそらく負のマージンですか?

0 投票する
3 に答える
7947 参照

latex - LaTeX-\ makeboxに相当する垂直方向のスペース?

私はLaTeXドキュメントを作成していて、成功を収めて\makeboxいます。これは、テキストを非表示のボックスに入れ、最後に余分な水平方向の空白を追加して、指定したサイズ内に全体を収めます。

縦のスペースにそのようなものはありますか?

この縦のボックスに入れたい可変長の段落や画像などがいくつかあります。LaTeXに適切な量の垂直方向のスペース(下部)を配置して、全体が指定した設定サイズになるようにします。

0 投票する
3 に答える
25097 参照

html - ライン上で画像を垂直方向に中央揃えにする方法は?

画像が行の高さよりも小さい場合、アイコンを行の中央に配置する最良の方法は何ですか?

例 (読みやすいようにスタイルをインライン化):

jsFiddle の例を次に示します。vertical-align: middleこの例は、が機能しない理由も示しています。

divのテキストに対してimgを中央に配置したい。つまり、テキストが複数の行に折り返されていても、画像は単一の行に対して中央に配置されます。理想的には、ソリューションには画像にマージン/パディングを設定する必要がなく、行の高さがわからなくても機能します。

私が読んだこと:

CSS を使用して画像の横にあるテキストを垂直方向に揃えるにはどうすればよいですか? (画像が大きい場合を扱いますが、ここでは当てはまらないようです)

垂直方向の配置について

0 投票する
6 に答える
4856 参照

css - CSS とタイポグラフィ: Number Descender の均一な垂直方向の配置

次のスクリーンショットをご覧ください: http://www.jesserosenfield.com/beta/descenders.png

私の問題は、降順(スクリーンショットの「7」など)の数字がスパンの下部に垂直に配置され、他の数字が垂直に中央に向かって配置されることです。アセンダー/ディセンダーに関係なく、すべての数値の垂直方向の配置を「均等化」する方法はありますか?

ありがとう!

コード:

とCSS

0 投票する
1 に答える
691 参照

php - 複数のテーブルセル間で商品価格を垂直方向に調整

ここの長さについては申し訳ありません。私はoscommerceを使用しており、3列の表にすべての製品スペシャルが配置されたページがあります。すべての価格が画面全体で互いに一致するように、各製品の価格を調整する必要があります。

視覚的に、これは私が望むものです:

現在、これは既存のコードが生成するものです。

これは現状のコードです:

画像とタイトルを書き出すコードを書き込もうとしていたので、配列内の3つのステップに戻ります。次に新しい行、次に上記の製品の価格を含む3つの新しい列、セパレーター、そしてそこから続行します。

このようにして、タイトルのサイズに関係なく、価格はすべて互いに垂直方向に揃えられます。私は複数のネストされたループのパスを進んでいましたが、それでも最終結果に近づくことはできませんでした。

助けていただければ幸いです。

0 投票する
4 に答える
104429 参照

latex - タイトルページを垂直方向に中央揃え

ラテックスを使用したカスタムサイズのページでタイトルを垂直方向に中央揃えにしようとしています。以下のコードを書いたのですが、なぜか中央にずれます。誰かが私にそれの何が問題なのか教えてもらえますか?

ありがとう!

0 投票する
5 に答える
16111 参照

html - HTML - ラジオ ボタンとテキストの配置

2 つの単純なテーブル セルが隣り合っているとします。
1 つには、ラジオ ボタンとテキストが含まれます。もう 1 つはテキストのみを含みます。

ラジオ ボタンのサイズは 16x16 ピクセルに設定されています (理由は聞かないでください。
フォント サイズは 12 ピクセルです。

ラベルとラジオ ボタンの両方を、すべての主要なブラウザで表の行の垂直方向の中央に沿って (またはほぼ中央に) 一貫して並べるにはどうすればよいでしょうか?

開始するためのサンプル HTML:

私がインストールした IE、Opera、Firefox、および Chrome のバージョンでは、上記は次のようにレンダリングされます

私が期待している結果は、... ...IE? によってその画像に表示されるものです。真剣に?

残りは十分に似ていますが、テキストを並べようとすると、4 つのブラウザーのうち少なくとも 2 つでは常に見栄えが悪くなります。

0 投票する
3 に答える
1437 参照

android - 垂直方向の LinearLayout 内で Button と水平方向の LinearLayout を垂直方向に配置する際の問題

携帯電話から投稿しているため、愚かなタイプミスやフォーマットの問題はご容赦ください。

プレイヤーがロードできる保存済みゲームを一覧表示するアクティビティがあります。

ScrollView を定義する単純なレイアウト xml ファイルを作成しました。ロード時に、保存されたすべてのゲームを取得し、プログラムによって、保存された各ゲームのビューを ScrollView の垂直方向の LinearLayout の子に追加します。

各ゲームのビューは、水平方向の LinearLayout で構成され、これには Button と垂直方向の LinearLayout が含まれます。その LinearLayout には、いくつかの TextViews と ImageViews (および、わかりやすくするためにここでは省略しているもう 1 つの LinearLayout) が含まれています。

階層はこんな感じ(一部省略)。

私の問題:

ボタンの上部と「ゲーム名」のtexviewを垂直に揃えたいのですが、TextView(またはおそらくLinearLayoutの親)には、取り除くことができない不正なパディングがあります。詳細については、スクリーンショットを参照してください。

代替

LoadSaved クラス: 注: mScrollView の名前は不適切です。ScrollView の子 LinearLayout を参照します。

loadsaved.xml