65

http://jsfiddle.net/mJxn4/

<em>これは非常に奇妙です。タグで数行のテキストをラップしています。私が何をしても、line-height17px未満の値を下げても効果はありません。私は17pxより大きくline-height することができ、それは適用されますが、17pxより低くすることはできません。

問題のCSSは次のとおりです。

#others .item em {
    font-size: 13px;
    line-height: 17px;
}

線の高さを上下に調整し、変更するたびに更新されたフィドルを実行してみてください。そうすれば、私が何を意味するのかがわかります。

なぜこれでしょうか？CSSの他の場所ではNoline-heightが指定されているため、それをオーバーライドするものはありません。同じセレクター内line-heightで上下を調整しているため、とにかくそうではありませんでした。したがって、高い値が適用されることは意味がありませんが、低い値はオーバーライドされます。

4

6 に答える 6

107

emタグはインラインであり、その行の高さは親より低くすることはできないためですdiv。

たとえば、親の行の高さを10pxに設定すると、emタグの行の高さも10pxに減らすことができます。

于 2012-10-12T03:35:18.893 に答える
42

line-heightプロパティが機能するためには、divにblockと等しいdisplayプロパティが必要です。

.app-button-label{
    line-height: 20px;
    display: block;
 }
于 2017-06-19T11:49:44.260 に答える
13

モバイルビューのdivでこの問題に直面していました。線の高さが大きすぎて、線の高さが機能していませんでした。ここでのアドバイスに従って、「display：block」を追加することでそれを機能させることができました：CSSプロパティの「line-height」でChromeで狭い行スペースを作成できないのはなぜですか？

これが将来同じ問題に直面している他の人に役立つことを願っています

于 2016-04-28T05:17:18.230 に答える
0

それを行うための最良の方法は、cssリセットを使用することです。

自分で書くか、人気のあるものを使用してください

http://meyerweb.com/eric/tools/css/reset/

于 2012-10-12T05:26:12.190 に答える
0

normalized cssjsfiddleでオプションを使用しているようです-これはCSSルールがリセットされていることと同じです-alahttp: //meyerweb.com/eric/tools/css/reset/

リセットをリセットするか、本当に必要な場合は別のリセットを使用できます。

詳細については、こちらをご覧ください。

http://sixrevisions.com/css/a-comprehensive-guide-to-css-resets/

于 2012-10-12T03:35:12.230 に答える
-2

最も簡単な方法は、より高い優先度で行の高さを指定することです。たとえば、次のように記述できます。line-height：14px！important;

それでも機能しない場合は、行の高さを下げたい場合（インラインcss）と本文に入れたい場合の両方で高い優先度を設定しますcss ..他の不明なcssをオーバーライドするため、高い優先度（！important;）を覚えておいてくださいルール。

お役に立てれば

アーメド

于 2015-03-25T12:52:02.467 に答える