调整大小窗口保持按钮在div内的相同位置

时间:2015-10-16 13:25:49

标签: html css

如何管理计算机上窗口的大小调整,以便他们可以使用任何大小的窗口保持位置?我不想使用bootstrap

<div class="list-group navbar" >
 <div class = "row" style = "padding:0px; margin: 0px; margin-top:5px; margin-left:2px">
 <div>
   <!--<a class="navi-background navi-text navi-style" onclick="openParamFrame();"><i class="fa fa-cog fa-fw navi-icon" data-toggle="tooltip" data-placement="bottom" title="Settings"></i></a>-->
  <a href = "#" style = "outline:none;" onclick="openFrame();"><img src = "images/icons/settings_icon_white.png" style = "max-width:50px;"  data-toggle="tooltip" data-placement="bottom" title="Settings"></a>
    </div>
 <div>
<a href = "#" style = "outline:none;"onclick="send_command('reset', '');"><img src = "images/icons/refresh-icon.png" style = "max-width:50px;"  data-toggle="tooltip" data-placement="bottom" title="Reset"></a>
 </div>
 </div>

2 个答案:

答案 0 :(得分:0)

我不太确定您的代码是什么样的,但请尝试将其添加到您希望保留在同一位置的任何内容中:

.yourClass {
    position:fixed;
}

如果你发布你的代码,我可以帮助你一点点。

修改

Here是一个小提琴,也可能设置导航栏的宽度以及要修复的位置,它可能有效,祝你好运!告诉我它是否不起作用:))

答案 1 :(得分:0)

您可以设置属性

width : auto;

这样它们就会在宽度变得太小之前不会换行。