给出类似的东西:
<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 --------- ]在此空间内自动生成
[按钮底边距]垂直居中于按钮
让我们看看我是否可以用不同的方式表达它 - 按钮元素占据一定的垂直空间,通常大于文本的垂直高度。我希望按钮旁边有一个文本区域,其垂直高度与总按钮相同 - 而不仅仅是按钮文本。