寫真に示すように、
テキストが 1 行の場合、テキストは垂直方向に中央揃えになります。 テキストが 2 行ある場合、テキストも垂直方向に中央揃えになります。
追記: 體を曲げる必要はありません。
レイアウトから判斷すると、次のようになります。左側(cè)のテキストと右側(cè)の時刻が両方とも垂直方向の中央に配置されます。
簡単な方法は次のとおりです:
layout:<p><span>gfghghg</span><span>2017-12<s/pan></p>
css:
p{display:table ;}
スパン{表示: テーブルセル; 垂直方向に配置: 中央;}
お試しいただけます
あなたが提供した図によると、各コンテンツの高さは固定されているため、最も外側(cè)の親要素の行の高さを獨自の高さでのpタグの表示に設(shè)定します。コード構(gòu)造
リーリー
私がまとめたこれらの方法をご覧ください。ポータル
被験者が必要としているのは、複數(shù)行のテキストを垂直方向に中央揃えにする方法です。私がまとめた記事には、これを?qū)g現(xiàn)するための代表的な方法が含まれています。例は次のとおりです。
http://codepen.io/zengkan0703...
私の回答が気に入らなかったのは質(zhì)問者さんだったのでしょうか?もしそうなら、その理由を答えていただければ幸いです。そうでない場合は、上記の例でニーズが解決されるはずです。