html+cssの問題です！ Newbie_html/css_WEB-ITnose

4 つの ul があります。各 ul に写真が含まれています。これらの 4 つの写真を水平に配置するにはどうすればよいですか?

ディスカッションへの返信 (解決策)

CSS スタイルに float: left; を追加し、li に追加すると、フローティングになります

CSS スタイルに float: left; を追加すると、フローティングになりますわかりました

試してみましたが、うまくいきませんでした

rreee

どうやって試しましたか?

一般的に:
li {float:left} は、画像が大きすぎて 1 画面を超える場合、複数の行に表示される場合があります。

3# のコードも飲まれます。 。 。 。

1階は正解なのに、なぜ3階ではULが無駄にたくさんあるのですか?

投稿者が4つのULと言っていたので、3#は4つと書きました

まず、なぜこれでULを4つ使うのですか

そこで1 つの ul. li タグには 4 を指定する必要があります。li タグには img タグがあります
次に、li タグの下に float 属性 [/size] を使用します

本当に 4 つの ul を使用したい場合は、幅と高さを設定しますそれぞれの UL に float を設定します。 わかりました

UL は 4 つですか? ? ?

            <ul style="list-style: none;float: left">                <li><img     style="max-width:90%" height="30px" / alt="html+cssの問題です！ Newbie_html/css_WEB-ITnose" ></li>            </ul>            <ul style="list-style: none;float: left">                <li><img     style="max-width:90%" height="30px" / alt="html+cssの問題です！ Newbie_html/css_WEB-ITnose" ></li>            </ul>            <ul style="list-style: none;float: left">                <li><img     style="max-width:90%" height="30px" / alt="html+cssの問題です！ Newbie_html/css_WEB-ITnose" ></li>            </ul>            <ul style="list-style: none;float: left">                <li><img     style="max-width:90%" height="30px" / alt="html+cssの問題です！ Newbie_html/css_WEB-ITnose" ></li>            </ul>

4 つの ul があり、各 ul の li はピクチャーです。 The four pics は水平に配置されなければなりません。つまり、各 ul には 1 つの li しかありません。

Ofもちろん、それは Add float to ul: left にある必要があります