【问题标题】:Aligning the x button and the follow unfollow button.对齐 x 按钮和关注取消关注按钮。
【发布时间】:2012-03-24 16:17:12
【问题描述】:

关注按钮右对齐,但我希望 x 出现在关注取消关注按钮的右侧而不是左侧。我为按钮使用浮动右侧,也为 X 浮动右侧,但按钮浮动到 X 的右侧。如何反转这些,同时保持当我单击 X 时整行消失的功能?

我希望 X 出现在按钮的右侧,但如果我这样做了,按下 X 后功能将不再隐藏整行:

<?php
$users = show_users_userspage();
$following = following($_SESSION['user_id']);
if (count($users)){
?>
    <table cellspacing='0' cellpadding='1' width='320'>
<?php

        foreach ($users as $key => $value){
            echo "<tr valign='bottom'>\n";
             "<td>"."<div class='alert alert-success'>".$key ."</td>\n";
            echo "<td><img src='/social_learning/images/thebombthumb.gif'>     ".$value;

            if (in_array($key,$following)){
                echo "<small><a style='margin:10px 20px 0px 5px;float:right;'     class='btn btn-danger btn-mini' href='/social_learning/php/action.php?    id=$key&do=unfollow'>unfollow</a></small><a class='close' style='margin:10px 0px 0px 5px;' data-    dismiss='alert'>×</a></div>";
            }else{
                echo " <small><a style='margin:10px 20px 0px     5px;float:right;' class='btn btn-warning btn-mini' href='/social_learning/php/action.php?     id=$key&do=follow'>follow</a></small><a class='close'style='margin:10px 0px 0px 5px;' data-    dismiss='alert'>×</a></div>";
            }

            echo "</td>\n";
            echo "</tr>\n";
        }
?>

【问题讨论】:

    标签: javascript php css button html-table


    【解决方案1】:

    float:右向后工作。只需将两个 (button/x) 反转,以便先显示 X,然后再显示按钮。

    【讨论】:

    • 哇这么简单的解决方案。非常感谢你。不知道为什么我没看到。尤其是在花了几个小时之后。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-10-04
    • 2021-03-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-25
    • 1970-01-01
    相关资源
    最近更新 更多