css レイアウト ul li
ページ上にユーザーリストを表示するには、デフォルトのスタイルが使用されず、li が横向きに表示されます。
スタイルは次のとおりです。 ‐ ‐ ‐ ‐ margin-right: 16px;
/*背景色: #a2b93e;*/
背景色: ライトグレー;
/*パディング: 5p x; */ border-radius:4px; 「入りました」を追加します。
しかし今、2 つのリの間に 3 つのリの位置が空くという奇妙な場面があります。写真に示すように:
アドバイスをお願いします。
ディスカッションへの返信(解決策)
3番目のliの高さが4番目のliの高さよりも大きいため、float:leftなので、後者のものが左側に近くに表示されます。が凸で、5番目が凸で、1番目があそこで塞がれていて、5番目の右側にスペースがないので、6番目が左側の隣に表示されています。