需要帮助对齐NETFLIX,选择标签,并在一行登录按钮
P粉769045426
P粉769045426 2023-08-02 16:46:59
[CSS3讨论组]
<p>我试过显示:flex;font - family:宋体;我也试过改变宽度,高度,显示-内联,内联-块,但无法解决。</p> <pre class="brush:php;toolbar:false;">&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;Clone@Netflix&lt;/title&gt; &lt;link rel="stylesheet" href="netflix.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;header&gt; &lt;nav class="navigation"&gt; &lt;h2&gt;NETFLIX&lt;/h2&gt; &lt;span class="language"&gt; &lt;select name="#" id="lang_inner"&gt; &lt;option value="en"&gt;English&lt;/option&gt; &lt;option value="hi"&gt;Hindi&lt;/option&gt; &lt;option value="ar"&gt;Arabic&lt;/option&gt; &lt;option value="es"&gt;Espaniol&lt;/option&gt; &lt;/select&gt; &lt;/span&gt; &lt;button class="signin_button"&gt;Sign in&lt;/button&gt; &lt;/nav&gt; &lt;/header&gt; &lt;/body&gt; &lt;/html&gt;</pre> <pre class="brush:php;toolbar:false;">*{ 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%; }</pre> <p><br /></p>
P粉769045426
P粉769045426

全部回复(1)
P粉879517403

你可以用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>


热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号