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

标签 android html css webview

我有以下 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>我需要知道什么?

最佳答案

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

关于android - <span> 中的文本仅在 android kitkat 上的 WebView 中分成两行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20378089/

相关文章:

android - 椭圆大小在 AutoCompleteTextView 中不起作用

java - 在android中将 "time ago"转换为秒

javascript - 如何在html表格中按升序对日期数组和列表进行排序?

css - 如何根据其中的文本制作四舍五入的 div 长度?

javascript - 未捕获的 TypeError 无法读取 null 的属性 'classlist'

html - z-index 不适用于绝对位置

java - 添加库 Android-studio

html - 将 body floater 的最小高度调整为包含多个 div 的导航 floorer

html - 将三个自动排序列合并为一个

android - Google Play 服务(融合位置提供商)会显着增加应用程序大小吗?