在页面的最右边设置按钮
在页面的最右边设置按钮
提问于 2016-04-19 15:21:08
抱歉，如果这是一个如此简单的问题，但当涉及到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'>×</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
回答 5
Stack Overflow用户
发布于 2016-04-19 15:26:12
您可以添加此属性：
float:right;Stack Overflow用户
发布于 2016-04-19 16:01:21
css选项1:为这些按钮创建一个新类，并向其中添加以下属性：
float: right;请查看以下链接，了解有关此float属性的更多信息：
Check this和this
选项2:您可以在button标记中包含以下属性：
style="float: right;"Stack Overflow用户
发布于 2016-04-19 15:39:35
在包含按钮第二个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页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36711256
复制相关文章
相似问题
腾讯云开发者
