cari

Rumah  >  Soal Jawab  >  teks badan

Perlukan bantuan untuk menyelaraskan NETFLIX, pilih tag dan butang log masuk dalam satu baris

<p>Saya cuba paparan: flex; fon - keluarga: Dinasti Song Saya juga cuba menukar lebar, ketinggian, paparan-sebaris, sebaris-blok, tetapi tidak dapat menyelesaikannya. </p> <pre class="brush:php;toolbar:false;"><!DOCTYPE html> <html lang="en"> <kepala> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Clone@Netflix</title> <pautan rel="stylesheet" href="netflix.css"> </head> <badan> <tajuk> <nav class="navigation"> <h2>NETFLIX</h2> <span class="bahasa"> <pilih nama="#" id="lang_inner"> <nilai pilihan="en">Bahasa Inggeris</option> <nilai pilihan="hi">Hindi</option> <nilai pilihan="ar">Bahasa Arab</option> <nilai pilihan="es">Espaniol</option> </select> </span> <button class="signin_button">Log masuk</button> </nav> </header> </badan> </html></pre> <pre class="brush:php;toolbar:false;">*{ margin:0; padding:0; saiz kotak: kotak sempadan; font-family: sans-serif; } kepala{ kedudukan:mutlak; paparan:flex; justify-content: ruang-antara; align-item: tengah; ketinggian: 100vh; lebar: 100%; }</pre> <p><br /></p>
P粉769045426P粉769045426566 hari yang lalu480

membalas semua(1)saya akan balas

  • P粉879517403

    P粉8795174032023-08-03 12:08:47

    Anda boleh menggunakan float: left;:


    *{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: sans-serif;
}
header{
    position:absolute;
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:100vh;
    width: 100%;
}

header .navigation * {
    float: left;
}

header .navigation > :not(h2) {
    margin-top: 5px;
}
    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Clone@Netflix</title>
    <link rel="stylesheet" href="netflix.css">
</head>

<body>
    <header>
        <nav class="navigation">
            <h2>NETFLIX</h2>
            <span class="language">
                <select name="#" id="lang_inner">
                    <option value="en">English</option>
                    <option value="hi">Hindi</option>
                    <option value="ar">Arabic</option>
                    <option value="es">Espaniol</option>
                </select>
            </span>
            <button class="signin_button">Sign in</button>
        </nav>
    </header>
</body>

</html>


    balas
    0
  • Batalbalas