CSS显示属性在移动浏览器中不起作用

位于：的文档经过验证，并在“大多数”浏览器中按预期显示，但在例如mobile Safari中仍不显示。（请参见下面的编辑8）有人能解释这一点以及如何修复吗

CSS

HTML 有兴趣吗？详情请与我联系

编辑8 代码W3C已验证（不必要的；字符，例如已删除）。下面的答案只是在这篇文章中重复输入。文档正确显示在：
手机：三星、Chrome、Firefox
桌面：Safari、Firefox、IE、Opera
但在：
手机：Opera Mini、Safari
显然，Safari mobile和Opera Mini都是重要的移动浏览器，所以我真的很想在这些浏览器上使用任何代码（即“当前千年”浏览器）。我没有成功地在“当前千年”（移动）浏览器的安全html/CSS子集上找到不起作用的特定CSS信息

这就是为什么你应该总是使用空白和编码程序（而不是记事本）

.hideway{
字体系列：arial；
字体：斜体；
}
hiddentxt先生{
空白：预包装；
字母间距：0.1米；
}
.hideway.hiddentxt{
显示：无；
}
.hideway:hover.hiddentxt{
显示：内联；
颜色：白色；
字体家族：时代；
字体大小：正常；
背景：蓝色；
}

多洛雷姆库火山岩。


[更多]


有兴趣吗？详情请与我联系！

这就是为什么你应该总是使用空白和编码程序（而不是记事本）

.hideway{
字体系列：arial；
字体：斜体；
}
hiddentxt先生{
空白：预包装；
字母间距：0.1米；
}
.hideway.hiddentxt{
显示：无；
}
.hideway:hover.hiddentxt{
显示：内联；
颜色：白色；
字体家族：时代；
字体大小：正常；
背景：蓝色；
}

多洛雷姆库火山岩。


[更多]


有兴趣吗？详情请与我联系！

您尝试过使用display:flex吗？我没有。如果我理解，

flex

指定隐藏元素的长度？但这里的问题是根本没有对元素进行

：hover

更改。出于某种原因，浏览器无法识别其中任何一个。编辑-我的错误<代码>显示：flex“将元素显示为块级flex容器。在CSS3中新增”。尽管如此，我这里的问题是没有认识到，而不是错误的行动。但是谢谢你！！了解该功能非常有用！我发布的页面测试了排版和布局。内联隐藏文本不是为它在其中使用的情况而设计的，但它提供了一种查看其工作原理的方法（在本例中不是！）。您是否尝试过使用display:flex？我没有。如果我理解，

flex

指定隐藏元素的长度？但这里的问题是根本没有对元素进行

：hover

更改。出于某种原因，浏览器无法识别其中任何一个。编辑-我的错误<代码>显示：flex“将元素显示为块级flex容器。在CSS3中新增”。尽管如此，我这里的问题是没有认识到，而不是错误的行动。但是谢谢你！！了解该功能非常有用！我发布的页面测试了排版和布局。内联隐藏文本不是为它在其中使用的情况而设计的，但它提供了一种查看它如何工作的方法（在这种情况下不是！）。FF可能会自动更正错误，并假设您打算结束标记，但我建议修复此问题。并使用空白！谢谢这个错误是我复制粘贴在这里的代码中的一个输入错误。标签出现在页面上。我已经编辑了OP，但代码的格式保持原样，因为我使用了

空白：预换行。感谢对title属性的引用。FF可能会自动更正错误并假设您打算结束标记，但我建议您修复此问题。并使用空白！谢谢这个错误是我复制粘贴在这里的代码中的一个输入错误。标签出现在页面上。我已经编辑了OP，但代码的格式保持原样，因为我使用了
空白：预换行。感谢您对title属性的引用。
.hideaway {
    font-family: arial;
    font-style: italic;
    }
.hiddentxt {
    white-space: pre-wrap;
    letter-spacing: 0.1em;
    }
.hideaway .hiddentxt {
    display: none;
    }
.hideaway:hover .hiddentxt {
    display: inline;
    color: white;
    font-family: times;
    font-weight: normal;
    background: blue;
    }