ページレイアウト間隔の使用上の経験の声

ページレイアウトは、このレコードに問題が発生した場合。

我々は、次のレイアウト要件があります。ほとんどがこのようなもので、上から下に向かってピース単位は、ページ上に配置されています。

ブロック間の間隔は、責任者を固定する必要があります例えば、第一のブロックと第2ブロックとの間の間隔は、第2のブロックは完全なマージントップ、テキスト及びマージントップによる第2テキストブロック間の間隔を必要とします。これの利点は、これらのブロック1は、以下のページのレイアウトを破壊しない場合ということです。固定されていない場合、距離aは、以下のマージン下マージントップによって上記から理解されるであろう、次いでレイアウトは比較的不安定です。要素がある場合には見えない、そして彼の上下ピッチを実現する場合、要素は、上下二つの隣接する要素が一緒に置かれる場合、これは明らかに問題で表示されません。

もちろん、必ずしも固定マージントップ、余白下であってもよいです。

もう一つの問題は、ピッチマージントップを固定したときにするときに完全に需要が満たしていないことです。例えば、いくつかの場合には、上記第一の行とテキストとボタンの最後の行の間の関係は非常に微妙です。

私は、ブロックの上との間隔ボタンは上記ブロックのテキストとの間隔の最初の行残っているときのテキストの最初の行が消えることを願っています。そして、第二行は、ボタンと第2の距離線以下の距離を保持し、次のブロック場合に消えます。

テキストの最初の行の場合と達成するために、独自のマージントップで、上記ブロック間隔、ボタン、テキストの最初の行のピッチは余裕トップボタンで、[次へ]ボタンをブロックの上のテキストの最初の行ならば消えます明らかではありません。今回は、この関係を逆に全体のコンセプトを必要としています。パンの親要素の外層は、外部ブロックとして全体、マージントップ親要素ピッチとテキストとボタンの2行は、最初の行とボタンとの間のテキストピッチマージン底が原因です。テキストの最初の行が消えていても、それは表示ボタンには影響しません。

次のテキストが消えて、次のテキストがマージントップに合わせて、ボタンのレイアウトに影響を与えるテキストおよびそれに対処するために、次のブロックに次のブロックの下に間隔う、行うことができます。

だから、要約:

1.ピッチのレイアウトは責任がある法律を持つことです

2.正確にページの要素をブロックする必要があります

公開された48元の記事 ウォン称賛52 ビュー50000 +

おすすめ

転載: blog.csdn.net/letterTiger/article/details/103330605