問題タブ [baseline]

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 投票する
1 に答える
2119 参照

android - ラベルを最初の RadioButton のテキストに揃えます

TableLayoutラベルと入力フィールド ( SpinnerEditText、 )の 2 つの列がありますRadioGroupRadioGroupのラベルを、最初のラジオ ボタンのテキストと正確に垂直方向に揃えたいと考えています。「Take it」というテキストは赤い線上にあるものとします。どうやってするか?出来ますか?

ラベル付きの例 ->gravity=top

XML は次のTableRowとおりです。

使用されるスタイルは次のとおりです。

私は、TableRows2 つの異なるものをRadioGroupsそれぞれ 1つ持つ 2 つRadioButtonを作成し、それらが 1 つの場所にあるかのように見せる何かをプログラムでコーディングできることを知っていますRadioGroup。しかし、おそらく簡単な解決策があります。

API は 8 以上です。

0 投票する
0 に答える
280 参照

android - Android キャンバスを使用したテキスト ベースライン (ぶら下げ、表意文字)

Androidキャンバスを使用していくつかのベースライン機能を実装する方法を探しています。Paint オブジェクトのアセントやディセントなどの関数を使用して、ほとんどのベース ラインを実装できましたが、 「ハンギング」および「表意文字」ベース ラインを実装する方法がわかりません。

これらのベースラインのテキストを描画するために必要なオフセットを計算する方法を知っている人はいますか?

ベースライン
(ソース: w3schools.com )

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

jquery - DIV 内でフォントのベースラインを揃えるか、キャンバスの「外側」にコンテンツを表示する

ちょっとした設計上の問題がありますが、頭が回らないようです。たぶん、ここで私に方向性を示してくれるクリエイティブな頭脳を見つけることができるかもしれません.

説明する前に、次の例を見てください。それは物事をより簡単にします: http://jsfiddle.net/DV9SE/3/

ご覧のとおり、キャンバス要素の一番下にテキストのベースラインを配置するのは非常に簡単です。これはまさに私がプロジェクトに必要なものです。ベースラインは要素の一番下にある必要があります (後で JQuery を使用して移動可能にすることができます)。ただし、問題は、テキストが途切れていることです。これは、明らかに、下部がキャンバスの外側にあるため、レンダリングできないためです。

別の方法 (または私が考えた) は、すべてを DIV に配置することでした。これにより、実際の境界線/マージンの外側にあるテキストの一部をレンダリングできます。ただし、ここでの問題: css line-height を使用してベースラインを調整する必要があります。1 つまたは 2 つのフォントに関しては、それは問題ではありません。しかし、このプロジェクトでは数十のフォントでフォントを選択できるため、個々のフォントごとにピクセル単位で正確な行の高さのルールを作成するのは非常に面倒です。

この問題を回避する方法を知っている人はいますか? フォントのベースラインを一貫して DIV 要素の下部に移動する方法、または実際にキャンバスの「外側」にある部分をキャンバスに表示する創造的な解決策はありますか? ;)

ありがとうございます!

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

jquery - 複数の画像 (キャプション付き) をすべて異なる高さのベースラインに揃えます

このレイアウトを機能させる方法を何日も探していました。少し助けが必要です

画像を、行ごとに最も高い画像のベースラインと、その行の下のキャプションに揃えたいだけです。画像と jquery を使用してレイアウトを構築する経験が豊富なようです。正しい方向に向けていただければ、解決できると思います。

ここに私が得たもののjsfiddleがありますが、私のクライアントは単に素敵なベースラインを望んでいるので、石積みを捨てなければならないかもしれないと思います..しかし、もちろんレスポンシブラップで.. http://jsfiddle.net/perrodeagua/SeXDu/embedded /結果/

ここに私の現在のCSSがありますが、私はそれと結婚していません

そして、ここに私が必要とするもののモックアップがあります http://postimg.org/image/sygkducs5/

ありがとう!

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

php - FPDF でテキストをベースラインで揃える

次のコードを使用して、FPDF を使用して見出しと日付を並べて表示しています。

しかし、テキストは適切に配置されていません:

日付が高すぎます。

ベースラインが同じ高さになるようにするにはどうすればよいですか?

要素の 1 つの位置を手動で調整する必要があるソリューションは必要ありません。入力するすべてのフォントサイズで動作する必要があります。

Cell メソッドで y 位置を自動的に調整しようとしましたが、テキストはベースラインではなく下部 (g が終了する場所) に配置されます。

それらは、ベースラインではなく下部に配置されます。

私がやろうとしていることをする方法はありますか?私を助けてください!上の画像の緑色の線は同じ高さにあるはずです。

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

css - Webkit と Gecko のベースライン レンダリングの違いを補う方法は?

リンクまたは背景色を持つインライン要素を指定すると、テキストを垂直方向にピクセルの中央に配置したいと思います

<a href="#">Hello world</a>

a { line-height: 22px; font-size: 16px; background: #f00; color: #fff; text-decoration: none; }

http://jsfiddle.net/MDdzH/9/

Firefox のベースライン レンダリングは 1 ピクセル違うようです。ブラウザをスニッフィングしてブラウザ固有のスタイルシートを挿入することなく、どのように補正すればよいのでしょうか? ベンダープレフィックス付きのソリューションに頼ることに満足しています。

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

jira - greenhopper のスプリントで何が変わったかを確認する方法

スプリントの計画には Greenhopper/Jira を使用しています。

同僚は、スプリント中に発生する変更を確認したいと考えています。スプリントに追加または削除されたタスク。

それを行う良い方法はありますか?

これまでに思いついたのは、スプリントの開始時と終了時にスプリント コンテキストをエクスポートして比較することだけです。

そのアプローチの制限は次のとおりです。

  • このようなエクスポートを行うのを忘れると、時間を戻す方法がないため、比較する機能が失われます。
  • Excelファイルなどをジャグリングする必要があります