純粋なcssはdivの中の単行の文字を実現して、多行の文字、ネストdivの垂直な水平な中央の問題

2023 ワード

学習の過程でよく中心に立つ問題に出会って、水平中心にある問題は比較的に解決しやすいが、垂直中心にある問題はvertical-alignがよく失効するため、実現しにくいので、今日は自分でまとめたいくつかの方法をここにまとめた.
1.divの単行テキストは垂直に水平に中央に配置されます.条件:外層divの高さが与えられています.コードは次のとおりです.

2.div 。 : 。 :

div
div
div

3.divにdivをネストし、 divが に に になるようにします. :なし.tableシミュレーション を します.コードは のとおりです.

4.div div, div 。 : div div , 。 margin div 。 :

5.div div, div 。 : div , , div , , div position absolute。 top,left,margin div 。 :

aa
は が っている レベルが にある で、ie 6の など、まだ しているところがたくさんあります. が っていることを して、 の にもっと させてほしいです.