Perlukan bantuan untuk menyelaraskan NETFLIX, pilih tag dan butang log masuk dalam satu baris
P粉769045426
2023-08-02 16:46:59
<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>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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>