Question

很抱歉，如果这是一个如此简单的问题，但我真的很难说CSS和类似的东西。

所以我的问题是如何将这两个按钮放在最右边的部分。就是这样。

这是我的代码：

echo "<div class='container table-responsive'>
                    <table style='width:100;'>
                            <tr>
                                <td align='right'>
                                    <h5>".$filename2."</h5>
                                </td>
                                <td>

                                    <button type='button' class='btn btn-info btn-sm' data-toggle='modal' data-target='#$id'>
                                    <span class='glyphicon glyphicon-search'></span> View 
                                    </button>

                                    <div id='$id' class='modal fade' role='dialog'>
                                        <div class='modal-dialog modal-lg'>

                                            <div class='modal-content'>
                                                <div class='modal-header'>
                                                    <button type='button' class='close' data-dismiss='modal'>&times;</button>
                                                    <h4 class='modal-title'>$filename2</h4>
                                                </div>
                                                <div class='modal-body' style='overflow-y: auto;word-wrap:break-word;'>".file_get_contents($filename).
                                                "</div>
                                                <div class='modal-footer'>
                                                    <button type='button' class='btn btn-default' data-dismiss='modal'>Close</button>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                    <a href='$filename' download class='btn btn-primary btn-sm'>
                                    <span class='glyphicon glyphicon-download-alt'></span> Save
                                    </a>
                                </td>
                            </tr>
                    </table>
                </div>";

以下是它的图片：http://imgur.com/VMHMo1S

Answer 1

您可以添加此属性：

float:right;

Answer 2

在你的第二个包含按钮的td中，使用一个类right-aligned

然后使用css

.right-aligned{
float:right;
}

第二行中的

使用像素或％（百分比），如

<table style='width:100%;'>

此外，根据您的需要设置两个td的宽度，

<td style='width:30%;'> for first td

<td style='width:70%;'> for second td

Answer 3

您还可以使用以下属性：

margin-left:auto;
margin-right:0;

Answer 4

选项1：为这些按钮创建一个新类，并为其添加以下css属性：

float: right;

请查看以下链接，了解有关此float媒体资源的更多信息：

Check this和this

选项2 ：您在button代码中包含以下属性：

style="float: right;"

Answer 5

按相反顺序放置按钮并添加浮动：向右按两个按钮

在页面的最右侧设置按钮

5 个答案: