Question

我想在每个页面的顶部设置会员状态行的样式。我想要包含的所有变量都在以下代码中，但是我想要对整行进行右对齐，定义字体属性并在显示的项目之间添加空格：

<?php 
if (!Am_Lite::getInstance()->isLoggedIn()) {
   echo Am_Lite::getInstance()->renderLoginForm();
   echo '<a href="'.Am_Lite::getInstance()->getSignupURL().'">Sign up</a>';
} else {
   echo 'Welcome '.Am_Lite::getInstance()->getUsername().'!
   <a href="'.Am_Lite::getInstance()->getLogoutURL().'">Log out </a>';
   echo '<a href="'.str_replace('/profile', '/member', Am_Lite::getInstance()->getProfileURL()).'">Account page</a>';
}
?>

Answer 1

您可以像对待HTML一样设置php输出的样式。将输出放在某些标记（例如div）中，并为标记添加样式参数。对于您的情况，这样的事情将起作用：

<div style='width:100%;text-align:right;padding:5px;font:15px arial,sans-serif;'>
<?php 
if (!Am_Lite::getInstance()->isLoggedIn()) {
   echo Am_Lite::getInstance()->renderLoginForm();
   echo '<a href="'.Am_Lite::getInstance()->getSignupURL().'">Sign up</a>';
} else {
   echo 'Welcome '.Am_Lite::getInstance()->getUsername().'!
   <a href="'.Am_Lite::getInstance()->getLogoutURL().'">Log out </a>';
   echo '<a href="'.str_replace('/profile', '/member', Am_Lite::getInstance()->getProfileURL()).'">Account page</a>';
}
?>
</div>

Answer 2

<style>
.align-right {
    width: 100%;
    text-align: right;
}
</style>


<div class="align-right">content</div>

小提琴：

http://jsfiddle.net/ZMMh8/

样式php输出

2 个答案: