詳細な垂直整列の前部に関して114

このプロパティは以前に、今そのプロパティのより多くの重要性を見出されていないことに注意してください。

マスタAの手法について、あなたはすべての詳細実用的な把握を選ぶのだろうか?それとも、漠然と片言をしたいですか?目的を達成するために、絶えず来て試行錯誤による時間の最後に使用?

テクノロジーは、あなたが試行錯誤の方法を実現することができます銃ではありません、あなたがあるため、時間1とダイの緩慢ませんが、効率と精度を向上させる、それは非常に必要です。

ゼロ、vertail-ALIGNの固有の特性のいくつかの最初の抜粋

何をすべきか垂直整列?
まず、垂直方向に整列した垂直整列を使用されて理解する必要があります。次の議論は意味があります。

  • 図1に示すように、垂直要素の長手方向の位置に整列垂直整列の要素は問題ではありません

    それは転送のために、前の要素の意志ではないことを意味し、それはすぐそこに生まれてから、真実です。

  • 図2に示すように、行の高さの行の高さを有する垂直整列要素は何の関係もありません。

    これは、一定の練習が必要

  • 図3に示すように、垂直整列垂直に整列した位置のみフォントサイズの大きさに関連しています。


議論Guaixiangを開始するには、いくつかの垂直整列による初めて目に


上記のように、インラインブロック要素であり、その理由凹凸高さの問題がありますか?もちろん、単に内のいくつかの要素は、ああ、それの言葉を書くのか?

分析三部作:

  • 図1は、垂直整列のベースラインのデフォルト値は、 -それはによると、行内の列は、すべての行の要素(インライン)、ブロック要素(インラインブロック)内で効果をもたらす基線アラインメント。
  • テキストのベースラインの下部に他の要素; 2、ブランクにおけるベースブロック列要素は、上部要素です。
  • 図3に示すように、垂直整列のベースラインのデフォルト値。これは、ベースラインのアラインメントである我々は、ベースラインの位置に合わせて行われている(しかし、問題はない、誰もが同じベースラインを持っていたということです)。この現象の原因となるので。

実際には、問題の本質は皆のベースラインが同じではありませんです。あなたのすべては、あなたが男性か女性であるかどうかによるが、(多分3 ??があるでしょう)2つのグループに分けされますが、あなたは常に人間に何の問題を記載していないために使用されます。

ソリューション:
まあ、我々はそれを別の位置合わせを入れます。私たちは、セットvertical-align: top;

要素の上部の行の最高要素の上面が位置合わせされます。

だから我々はトップを垂直整列の要素を再定義する必要があります。その上、トップラインは、最高の要素の上位要素が整列されています。

上記の例から、我々は垂直整列デフォルト属性は、ベースライン(ベースラインアライメント)で知ることができます。


いくつかの性質を有する第二に、それで見てみましょう、

これは、公式サイトのW3Cになります。

ここでは、にいくつかの例を確認する必要があります。


参考記事

おすすめ

転載: www.cnblogs.com/can-i-do/p/12634131.html