android - 中的文本仅在 android kitkat 上的 WebView 中分成两行

Question

我有以下 HTML 标记:

<div class="news_detail">
    <span class="newspaper_icon"></span>
    <span class="small_story_newspaper">Sky News</span>
</div>

并应用了以下 CSS:

.news_detail {
    width: 33%;
    float: right;
    margin: 5px 0px;
    text-align: center;
}
.newspaper_icon {
    width: 17px;
    height: 17px;
    float: right;
    margin: 0px 5px;
    background: url("images/Mobile/hdpi.png") no-repeat scroll 0px -342px / 215px auto transparent;
    display: inline-block;
}
.small_story_newspaper {
    float: right;
    font-size: 12px;
    color: rgb(41, 169, 224);
}

除了带有 Kitkat 的安卓设备外，它在所有设备上都能完美运行。有任何想法吗？我知道在 Kitkat 上 WebView现在正在使用 Chrome 。 Chrome 是否有问题 <span>我需要知道什么？

Answer 1

我的猜测是上述设备不支持 inline-block。尝试使用 float 显示 block 。另外 kitkat 只在 1% 的 android 设备上运行，所以我不会打扰