Question

我目前正在制作网站的index.php，而且我的网站布局也是如此。在导航栏上方，我有一个Logout按钮和一些显示帐户登录的文本，我需要使用文本和按钮来获取页面上的固定空间，而无需在用户名太大或太短时移动。

http://jsfiddle.net/mxh2s/我的索引文件的JSFiddle，这是我需要修复和调整的位：

    <div class="autenticado">
    Está autenticado como:
    <?php
      $query = "Select * from user where id_user='".$_SESSION["user"]."'";
      $resultado = mysqli_query($ligabd, $query);
      $registos=mysqli_fetch_array($resultado);

      echo $registos["username"]."&nbsp;&nbsp;&nbsp;";
      echo "<a href='logout.php' class='button'>Logout</a>";
    ?>

抱歉让我的代码用葡萄牙语...如果您在查找代码时遇到问题，请说出来，我会尽力帮助。

Answer 1

类似于此的布局应该有效。但是我猜你的代码示例不是很清楚。

<div id="header">
   <div id="login">
        <button>Sign Out</button>
        <span class="username"></span>
   </div>
</div>

一个基本的CSS示例，显然其他属性会因您的布局而异。

#header {
width:100%;
}

#login {
width:auto;
float:right;
}

#login .username {
float:right;
width:auto;
}

#login button {
float:right;
}

Answer 2

我不太确定我知道你的意思，但这听起来像css定位给我：

你可以将div绝对位于右上角吗？

.autenticado {

位置：绝对; 顶部：0px; 右：0px; }

如果所有这些代码都在一个固定宽度的容器中，只需给它一个位置：relative;把它保持在那个范围内。

希望这会有所帮助，尽管我可能误解了你想要的东西：）

如何将这段文字和按钮与网页布局相符合？

2 个答案: