在按钮旁边换行文字

时间:2016-04-09 20:54:50

标签: button text twitter-bootstrap-3 vertical-alignment

给出类似的东西:

<div class="panel-footer">
  <button type="submit" name="submit" value="submit" class="btn btn-primary">Submit</button>
  Some lengthy amount of text goes here.
</div>

我希望文本自动换行旁边的按钮,而不是从它旁边开始并在它下面换行。它以默认对齐方式显示,按钮的文本与其旁边的文本垂直对齐 - 但按钮会占用按钮背景的额外垂直空间。我希望文本使用该空间 - 而不是只看到一个可用的行。在我看来,我的文本应该能够在按钮旁边至少包裹一次,而不会消耗额外的垂直空间。

我尝试过按下按钮&amp;文本在单独的div中 - 但随后文本显示在按钮下方。显然我缺少一些东西 - 我要么想用本机引导程序或简单的内联样式来做 - 我不想修改css。

默认值:
    [ ---按钮上边距 - ]
    [ --------- SUBMIT --------- ]普通文本与按钮文本对齐     [按钮底部边距]
    然后像这样包裹在按钮下面。

希望的


    [ ---按钮上边距 - ]如果文字足够长,则应该包裹
    [ --------- SUBMIT --------- ]在此空间内自动生成     [按钮底边距]垂直居中于按钮

让我们看看我是否可以用不同的方式表达它 - 按钮元素占据一定的垂直空间,通常大于文本的垂直高度。我希望按钮旁边有一个文本区域,其垂直高度与总按钮相同 - 而不仅仅是按钮文本。

0 个答案:

没有答案