ホームページ > ウェブフロントエンド > htmlチュートリアル > ul_html/css_WEB-ITnose の 2 つの li の間には 3 つの li の位置があります。

ul_html/css_WEB-ITnose の 2 つの li の間には 3 つの li の位置があります。

WBOY
リリース: 2016-06-21 09:42:57
オリジナル
1345 人が閲覧しました

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番目が左側の隣に表示されています。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート