Question

所以我有这个注销链接，它在你登录+ a |时回显你的用户名和注销。一个例子是＆＃34; ilikepizza |退出＆＃34;。但我喜欢它，所以链接周围的div响应用户名的宽度，它没有。因此，如果有人拥有长用户名，它将自动适合DIV。

这里是代码（包括css）：

＆＃13;

<?php
session_start();
$username = $_SESSION["username"];
?>
<html>
<head>
	<link rel="shortcut icon" href="pictures/vinyl_gb_vinyl-600x600.png"/>
	<title>
		website.com
	</title>
<link href="style.css" rel="stylesheet">
	<style>
	b { font-weight: bold; }
     BODY { background-image: url(pictures/background.jpg); background-repeat: no-repeat; }
	a {color: white; font-family: Geosans; text-decoration:none;}
		.loggedin{ width: 9vw;
		background-color: #333;
		border-radius: 5px;
		margin: 0;
		margin-bottom: 5px;
		}
		.loggedin:hover {background-color: #111;}
        <meta name="viewport" content="width=device-width, initial-scale=1">
	</style>
</head>
<body>
		<?php
		    session_start();
				if (isset($_SESSION['username'])){
					echo '<div class="loggedin">';
					echo '<a href="Jukebox/logout.php">';
					$username = $_SESSION['username'];
					$username = $_SESSION['username'];
					echo $username;
					echo '&nbsp;&nbsp;|&nbsp;&nbsp;Log out</a>';
				    echo '</div>';
				}
	      else{
         echo '';
				}
				?>

＆＃13;

任何人都知道如何做到这一点？我尝试了多种但没有骰子的东西。编辑：没有运行它，它没有注册你登录。我只用它来显示你的代码。

Answer 1

您应该删除width的css中的.loggedin属性。这为对象提供了静态宽度。

.loggedin { 
    /* width: 9vw; Don't set a static width */
    background-color: #333;
    border-radius: 5px;
    margin: 0;
    margin-bottom: 5px;
}

DIV响应用户名的长度

1 个答案: