php - 如何将元素准确地放置在您想要 CSS 的位置

标签 php html css

好的,现在这是我的 HTML。

<?php
    session_start();
?>
<!DOCTYPE html>
<html>
    <head>
        <title>GeoVillage - A Community</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div id=header>
            <img id=logo src="/logo.png" alt="GeoVillage Community" style="width:500px;height:128px;">
            <span id=logreg>
                <?php
                    if(isset($_SESSION['loggedon']) && $_SESSION['loggedon'] == true){
                        echo '<a href=/logout>
                            <img id=logout src="/logout.png" alt="Logout">
                            </a>';
                    } else {
                        echo '<a href=/login>
                            <img id=login src="/login.png" alt="Login">
                            </a>';
                        echo '<a href=/login/register.php>
                            <img id=register src="/register.png" alt="Register">
                            </a>';
                    }
                ?>
            </span>
        </div>
        <ul>
            <li><a href="/vatsim">FSX/X-P/P3D Vatsim Online Material</a></li>
            <li><a href="/dev2">Development Page</a></li>
        </ul>
        <?php
            echo($_SESSION["loggedon"]);
        ?>
    </body>
</html>

这是我的 CSS 文件。

body{
    background-color: #33ccff;
    margin: 0px;
}

#header{
    display:inline;

现在,登录和注册按钮位于顶部,但基本上与横幅底部对齐。我将如何定位它以便它与横幅的顶部对齐?

最佳答案

试试这个

#logreg {vertical-align: top;display: inline-block;}

关于php - 如何将元素准确地放置在您想要 CSS 的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39801797/

相关文章:

javascript - 如何设置页面加载时的可滚动区域?

html - 从两个给出的链接中找到 CSS 差异

html - 确定哪个图像当前显示在垂直图像查看器上

javascript - 限制使用 Meteor blaze 输出的文本数量

php - mysql问题(LIKE函数)

php - Opencart 类别 - 产品布局问题

php - HTML 5 相机访问和使用 php 上传文件

javascript - 寻找家谱

css - 弹跳动画不起作用

php - 在 Codeigniter 中连接第二个数据库时出现问题