0

CSSはテキストを行の中央に揃えますが、テキストを行の一番下に揃えたいのですが。写真で最もよく説明されています:

https://lh5.googleusercontent.com/-L1TBqTxEVHI/UDPVEOnFY7I/AAAAAAAAAH4/GHZHt776wmg/s145/CD-Manual_Stand_Mai_2011_Verlinkungen.pdf%2520%2528Seite%2520135%2520von%2520248%2529 _

のように: https ://lh6.googleusercontent.com/-0SiQqqkHD9k/UDPVNvTA2NI/AAAAAAAAAIA/2VudybQxnDE/s45/CSSEdit.jpg

Vertical-alignは機能しません。ネストされた要素に対してのみ機能し、テキスト全体に対しては機能しません。トリックはどこにありますか?:)

コードは次のとおりです:jsfiddle.net/vmadd

4

2 に答える 2

1

問題を解決line-height: 100%
するはずです。

于 2012-08-21T18:41:11.603 に答える
1

私は実際にあなたが何を求めているのかわかりません。(私の知る限り)標準のcssには、ベースラインの配置などはありません。それがレイアウトイーザーで何を変えるのか、私にはよくわかりません。

フッターに関しては、行とテキストの間にもう少しスペースが必要な場合は、これを実現する方法がたくさんあります。このようなもの:

div.layoutGridBottom p {
    padding-top: 10mm;
}

トリックを行う必要があります。または、上部にパディングを追加したいものに対して特別なクラスを宣言し、それを必要な要素に適用します。前述のように、これを実現するには数十の方法があります (line-height、margin-top、空白の div を挿入する、行にパディング下部を作成するなど)。 ...

于 2012-08-21T20:03:14.123 に答える