0

我有我正在制作的网站的 index.php，我有我的网站布局。在导航栏上方，我有一个注销按钮和一些显示登录帐户的文本，我需要调整文本和按钮以在页面上获得固定空间，而不会在用户名太大或太短时移动。

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>";
    ?>

很抱歉我的代码是葡萄牙语...如果您在弄清楚代码时遇到问题，请说出来，我会尽力提供帮助。

4

2 回答 2

0

与此类似的布局应该可以工作。但是我有点猜测，因为您的代码示例不是很清楚。

<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;
}
于 2012-05-17T20:46:34.723 回答
0

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

你也许可以将 div 绝对定位到右上角？

.autenticado{

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

如果您将所有这些代码都放在一个固定宽度的容器中，只需给它 position: relative; 将其保持在其中。

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

于 2012-05-17T20:47:10.390 回答