android - 按钮在 Android 上的 '<' 字符后换行

Question

我有一个奇怪的错误。在每个<button>和 <a>我在我的页面上有一个“<”元素，它会换行。
如果我添加到 css 'white-space: nowrap;'它会修复它，给它“显示:内联；”也修复它。

这可能是什么原因？是否有任何合法的修复方法？

编辑:

出于某种原因，指向右侧的箭头工作正常!

编辑 2:

在 jsfiddle 中为空，仅设置了方向 rtl。 https://jsfiddle.net/tcycujeL/8/通过 Android 设备在 chrome 中检查它

#wrapper{
    direction:rtl;
}

Answer 1

你的意思是“每个元素都是一个新行”。不是每个元素。但最多的是display: block。 block 元素具有页面的最大宽度，除非使用 width 属性。所以 display: inline 将显示设置为长文本(如跨度)。当你想调整它的大小时，你可以使用 display: inline-block(就像文本中的图像)。