如何在 jQM 图像按钮上换行？

Posted 2023-05-08

【中文标题】如何在 jQM 图像按钮上换行？

【英文标题】：How to wrap text on a jQM image button?

【发布时间】：2012-05-25 01:42:30

【问题描述】：

我正在尝试在图像按钮上换行：

我得到了新文档，但我想成为

新的

文档

#menuoptions .ui-block-a.ui-btn.ui-btn-inline.ui-btn-corner-all.ui-shadow.ui-btn-up-c 
    height: 150px;
    width: 150px;


#imglogo 
    display: block;

html

<a href="newdocument.html" rel="external" class="ui-block-a ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c">
        <span class="ui-btn-inner ui-btn-corner-all">
        <span class="ui-btn-text">
            <img src="img/calendar.png" id="imglogo"  >New Document</span></span></a>

【问题讨论】：

嗨，马库斯，是的，这并没有解决它，我不想在我的文本中添加 br，它已经非常混乱了。 :P

【参考方案1】：

试试：

.ui-btn-text width: 75px; display: block;

FIDDLE

【讨论】：

这不起作用，插入中断（如New<br />Document）也不起作用，您不会更改屏幕上输出的实际代码，或者某些 javascript 会覆盖它。尝试将 css 设置为 !important，然后使用浏览器中的控制台查看覆盖样式的来源。

br 有效，但文本右对齐，我不想在标签上有 br。