Fatal编程技术网
  • php/
  • Php 将两个元素放置在一起，而不使用float #成功 { 颜色：#f0； 位置：相对位置； 最高：3%； 左：50%； 填充：0； 保证金：0； } #错误{ 颜色：#b81d18； 位置：相对位置； 最高：3%； 左：15%； 填充：0； 保证金：0； } 如果（isset（$_POST['login']）） { $username=trim（$\u POST['login\u username']）； $password=trim（$\u POST['login\u password']）； $login=login（$username，$password）； 如果（$login==FALSE） { $errors[]=“该用户名/密码组合不正确。”； $errors\u 1=输出错误（$errors）； 回显“$errors_1”； $success[]=“您已作为来宾登录”； $success\u 1=输出错误（$success） echo$success\u 1 } } 用户名：

Php 将两个元素放置在一起，而不使用float #成功 { 颜色：#f0； 位置：相对位置； 最高：3%； 左：50%； 填充：0； 保证金：0； } #错误{ 颜色：#b81d18； 位置：相对位置； 最高：3%； 左：15%； 填充：0； 保证金：0； } 如果（isset（$_POST['login']）） { $username=trim（$\u POST['login\u username']）； $password=trim（$\u POST['login\u password']）； $login=login（$username，$password）； 如果（$login==FALSE） { $errors[]=“该用户名/密码组合不正确。”； $errors\u 1=输出错误（$errors）； 回显“$errors_1”； $success[]=“您已作为来宾登录”； $success\u 1=输出错误（$success） echo$success\u 1 } } 用户名：

php html css

Php 将两个元素放置在一起，而不使用float #成功 { 颜色：#f0； 位置：相对位置； 最高：3%； 左：50%； 填充：0； 保证金：0； } #错误{ 颜色：#b81d18； 位置：相对位置； 最高：3%； 左：15%； 填充：0； 保证金：0； } 如果（isset（$_POST['login']）） { $username=trim（$\u POST['login\u username']）； $password=trim（$\u POST['login\u password']）； $login=login（$username，$password）； 如果（$login==FALSE） { $errors[]=“该用户名/密码组合不正确。”； $errors\u 1=输出错误（$errors）； 回显“$errors_1”； $success[]=“您已作为来宾登录”； $success\u 1=输出错误（$success） echo$success\u 1 } } 用户名：,php,html,css,Php,Html,Css,尝试在div上使用display:inline block。像这样： <html> <head> <style> #success { color: #f0f0f0; position: relative; top: 3%; left: 50%; padding: 0; margin: 0; } #errors {

尝试在div上使用
display:inline block
。像这样：

<html>
<head>
<style>
    #success
    {
        color: #f0f0f0;
        position: relative;
        top: 3%;
        left: 50%;

        padding: 0;
        margin: 0;  
    }
    #errors {
        color: #b81d18;
        position: relative;
        top: 3%;
        left: 15%;

        padding: 0;
        margin: 0;
        }
</style>
</head>
<body>
if (isset($_POST['login']))
{
    $username = trim($_POST['login_username']);
    $password = trim($_POST['login_password']);

    $login = login($username, $password); 
    if ($login === FALSE)
    {
        $errors[] = 'That username/password combination is incorrect.';
        $errors_1 = output_errors($errors);
        echo "<div id='errors'> $errors_1</div>";
        $success[] = "You are logged in as a guest";
        $success_1 = output_errors($success)
        echo <div id='success'>$success_1</div>
    }
}

<form id="password_form" action="" method="post">
    Username: </br>
    <input type="text" name="login_username" value="<?php echo $_POST['login_username']; ?>"> 
    </br>
    Password:</br> 
    <input type="password" name="login_password">
    </br>
    <input type="submit" name="login" value="Log in">  
</form>
</body>
</html>
您可以使用
float
很好。您只需清除响应消息的浮动即可

以下是关键要素：

密码表单{
清除：左；
}
带有浮动的完整示例。删除
#error
DIV或
#success
DIV，所有内容都将保持不变

#成功，#错误{
浮动：左；
宽度：50%；
}
#成功{
背景色：#f0；
}
#错误{
背景色：#b81d18；
}
#密码表格{
清除：左；
}

成功
错误
用户名：



密码：
如何同时出现成功登录和错误？您是否尝试过创建一个包含这两者的div。然后，将一个放在该div的左侧，一个放在右侧。您可以使用bootstrap和grid system.PHP。请只发布生成的HTML。您的php开始和结束标记在哪里，或者您的实际代码中有它们吗？ 
#success
{
    display: inline-block;
    color: #f0f0f0;
    position: relative;
    top: 3%;
    left: 50%;

    padding: 0;
    margin: 0;  
}
#errors {
    display: inline-block;
    color: #b81d18;
    position: relative;
    top: 3%;
    left: 15%;

    padding: 0;
    margin: 0;
}