在灵活容器中向右浮动两个元素

时间:2015-02-09 11:47:06

标签: css

我正在尝试将两个元素(按钮)浮动到一个灵活容器的右侧。

其中一个按钮也很灵活,因为其中的文字会根据登录系统的人而变化。

有关如何实现这一目标的任何想法?非常感谢帮助!我已经尝试了浮动权限(当我这样做时,按钮的顺序是错误的)并显示:inline-block(不起作用)。

What I'm trying to achieve

编辑:

我试过的代码(这不起作用)。这是假的版本,因为我目前正在检修预先存在的系统 -

<div style="width: 100%">
   <div style="float:right; text-align: right;">
       <input type="submit" style="display: inline-block"></button>
       <button style="display: inline-block"></button>
   </div>
</div>

1 个答案:

答案 0 :(得分:1)

完美无缺..请完整检查项目代码,

<div style="width: 100%">
   <div style="float:right; text-align: right;">
       <input type="submit" style="display: inline-block"/>
       <button style="display: inline-block">flexible</button>
   </div>
</div>

在这里工作得很好.. FIDDLE DEMO