css - 行間を調整する方法

Question

私のサイトでは、各行の間に大きなスペースがあります。これは、そのセクションの css 部分です。line-height を試しましたが、そこでは機能しません。

#site-generator a {
color: #5D45A3;
font-weight: normal;
text-decoration: none;

}

サイトはこちらで確認できます。フッターエリアの「最新ニュース」を確認してください。各投稿名の間のスペースを減らしたいと思います。

score 0 · Accepted Answer

heightスタイルシートの値を必要に応じて調整するだけです。行の高さは、2 つの行の間のスペースを調整するために機能するはずです。

.widget-area ul li {
    font-size: 11px;
    height: 16px; /* example */
    line-height: 0.8em;
}

score 0 · Accepted Answer

お気に入りのブラウザーで F12 を押して、開発者コンソールにアクセスします (最新バージョンの IE、FF、および Chrome で動作すると思います)。aこのような異常な高さを持つ要素を検査します。これは、次のことを示しています。

style.cssで2.2emonの行の高さを設定しています。#site-generatorそのスタイルが削除されると、style.cssで1.625forの行の高さが使用されます。body, input, textarea

そのメニューの2 つの間の距離は、とliで定義されます。そのスタイルが削除された場合、高さの css が代わりに使用されます。.widget-area ul li23px.widget ul li16px

1 つのリンクのテキストを近づけるために、最初のリンクを変更する必要があります。2 番目のリンクを変更して、異なるリンクを近づける必要があります。

5 に答える 5