php - 在链接之间添加空白(没有答案有效)

Question

我在尝试完成看似简单的任务时遇到了很大的困难。我正在尝试在登录和注册链接之间添加空白以及 |但是我尝试过的任何方法都没有导致任何事情发生，或者我的链接显示为向下一行和半页。

任何帮助都将不胜感激:)我彻底搜索了董事会，我尝试过的任何东西似乎都没有工作(多亏了丹尼尔，我能够添加空白，但它带来了另一个问题，我的文本装饰 css 设置不再适用于两个链接)(我脑子放屁了。我修复了 css 以对应正确的 div，现在丹尼尔建议的工作)

<?php
$envelope = '<img src="images/note_dead.jpg" width="22" height="12" alt="Notes" title="This envelope is for logged in members">';
$loginLink = '<a href="login.php">Log In</a>';
$Sgnplnk = '<a href="signup.php">Sign Up</a>';
if($user_ok == true) {
    $sql = "SELECT notescheck FROM users WHERE username='$log_username' LIMIT 1";
    $query = mysqli_query($db_conx, $sql);
    $row = mysqli_fetch_row($query);
    $notescheck = $row[0];
    $sql = "SELECT id FROM notifications WHERE username='$log_username' AND date_time > '$notescheck' LIMIT 1";
    $query = mysqli_query($db_conx, $sql);
    $numrows = mysqli_num_rows($query);
    if ($numrows == 0) {
        $envelope = '<a href="notifications.php" title="Your notifications and friend requests"><img src="images/note_still.jpg" width="22" height="12" alt="Notes"></a>';
    } else {
        $envelope = '<a href="notifications.php" title="You have new notifications"><img src="images/note_flash.gif" width="22" height="12" alt="Notes"></a>';
    }
    $Sgnplnk = '<a href="user.php?u='.$log_username.'">'.$log_username.'</a>';
    $LoginLink = '<a href="logout.php">Log Out</a>';

}
?>
<div id="pageTop">
  <div id="pageTopWrap">
    <div id="pageTopLogo">
      <a href="http://www.itsyourquarter.com"><img src="images/logo.fw.png" alt="logo" title="itsyourquarter"></a>  
    </div>
  <div id="pageTopRest">
    <div id="menu1">
      <div>
        <div id="envalg">
          <div id="env">
        <?php echo $envelope;  ?>
          </div>
          <div id="sgnup">
        <?php echo $Sgnplnk; ?>
          </div>
          <div id="lgin">
        <?php echo  $loginLink; ?>
          </div>
        </div>
      </div>
      </div>
        <div id="menu2">
          <div>
            <a href="http://www.itsyourquarter.com"><img src="images/home.fw.png" alt="home" title="home"></a>
          </div>
          <div id="topbarBottomtext">
            <a href="#">menu_item_1</a>
            <a href="#">menu_item_2</a> 
          </div>                
        </div>
    </div>
  </div>
</div>

css如下

   body {margin: 0px; font-family:Verdana, Geneva, sans-serif; font-size:14px; }
#pageTop {
    background:url(headersliver.png) repeat-x;
    height:60px;    
}
#pageTop > #pageTopWrap {
    width: 1000px;
    margin: 0px auto;
    height: 60px;   
}
#pageTop > #pageTopWrap > #pageTopLogo {
    float:left;
    height: 60px;
    width: 61px;
}
#pageTop > #pageTopWrap > #pageTopRest {
    float:left;
    height: 60px;
    width: 892px;   
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1{
    height: 30px;
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div {
    margin-top: 8px;
    padding: 4px;
    text-decoration:none
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div > #envalg {
    padding: 2px;
    float:right;
    color:#0F0;
    text-decoration:none;
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div > #envalg > #env {
    padding: 2px;   
    float:right;
    color:#0F0;
    text-decoration:none;
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div > #envalg > #sgnup {
    padding: 2px;   
    float:right;
    color:#0F0;
    text-decoration:none;
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div > #envalg > #sgnup > a {
    padding: 2px;   
    float:right;
    color:#0F0;
    text-decoration:none;
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div > #envalg > #sgnup > a:hover{
    color:#F00;
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div > #envalg > #lgin {
    padding: 2px;   
    float:right;
    color:#0F0;
    text-decoration:none;
}

#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div > #envalg > #lgin > a {
    padding: 2px;   
    float:right;
    color:#0F0;
    text-decoration:none;
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div > #envalg > #lgin > a:hover{
    color:#F00;
}

#pageTop > #pageTopWrap > #pageTopRest >#menu2{
    float:left;
    height: 30px;
    padding: 5px;
}
#pageTop > #pageTopWrap > #pageTopRest >#menu2 > div {
    margin-top: -7px;
    float:left; 
}
#pageTop > #pageTopWrap > #pageTopRest >#menu2 > div > a {
    float:left;
    display:block;
    text-decoration:none;
    margin: 0px 6px;
    color:#F00; 
}
#pageTop > #pageTopWrap > #pageTopRest >#menu2 > div > a:hover {
    color:#0F0;
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div {
    padding: 2px;
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div > enva {
    padding: 2px;
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div > sgnp {
    padding: 2px;
}
#pageTop > #pageTopWrap > #pageTopRest >#menu1 > div > lgn {
    padding: 2px;
}
#pageMiddle {
    height: 900px;
    margin: 0px auto;
    width: 1000px;

}
#pageMiddle > #if {
    width: 250px;
    margin-left: auto;
    margin-right:auto;
    border-style:solid;
    border-color:#000
    border-width: 2px;
    background:#CCC
}
#pageBottom {
    background:#000;
    padding: 12px;
    font-size: 12px;
    color:#F00;
    text-align:center;
}

Answer 1

您可以尝试在它们之间插入一个不间断的空格:

$Sgnplnk = '<a href="user.php?u='.$log_username.'">'.$log_username.'</a>';
echo ' &nbsp; ';
$LoginLink = '<a href="logout.php">Log Out</a>';

试试这个 Dougie Fuoco