0

article タグ内にいくつかの情報を一緒に表示したい。かなりの数の例を検索して見た後、インライン リスト項目で情報を表示することにしました。これが私がそれを行う方法です。ここに画像の説明を入力数字の 1 と 2 を見てください。私の最終結果はできれば数字の 1 です。数字の 2 を表示したのは、他の要素がどれだけのスペースを占めるかを確認するためだけ<p> </p>です。

これがcssコードです。この css を使用するhtmlコードは次のとおりです。リストアイテムはより多くのスペースを取っているので、ボックスを2番のようなサイズのままにしたいので、余分な黄色のスペースを最小限に抑えることができればより良いと思います.

3 つのリスト項目に個別の div を使用してみました。それは役に立ちませんでした。私はCSSの使用が初めてです。スペースを節約して見栄えを良くする方法はありますか?

更新:追加後

ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;

}

現在、次のようになっていますここに画像の説明を入力 。 大幅に改善されました。左側のスペースを最小限に抑える方法はありますか?

4

1 に答える 1

0

この間隔は、ul 要素のデフォルトの上下マージンである 16px によるものです。 更新:最終的な解決策

ul { 
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

これが問題であることを証明するために、最初はこれらを 0 に設定してから、妥当な値に増やします。

font-size も (li の場合) 少し大きくなっています。

于 2013-06-16T03:43:22.237 に答える