Question

我有以下代码：

<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.entire_content {
border-collapse: collapse;
width: 100%;
word-break:break-word;
</style>

<table class="entire_content">
<tbody><tr><td>
<ul>
<li><span style="font-size:18px;">Compatible with IEEE 802.11n draft 3.0, 802.11a/b/g wireless standards</span></li><li><span style="font-size:18px;">2.4GHz and 5.8GHz frequency band, MIMO (Multiple Input Multiple Output)<br></span></li><li><span style="font-size:18px;">High speed transfer TX data rate up to 150 Mbps</span></li><li><span style="font-size:18px;">High speed transfer RX data rate up to 300 Mbps</span></li><li><span style="font-size:18px;">Complies with Universal Serial Bus Rev. 2.0 specifications<br></span></li><li><span style="font-size:18px;">Supports WPS by S/W<br></span></li>
<li><span style="font-size:18px;">Supports wireless data encryption with 64/128-bit WEP, WPA, WPA2, TKIP, AES</span></li>
<li><span style="font-size:18px;">Wide Range coverage</span></li>
<li><span style="font-size:18px;">Support software AP on windows</span></li>
<li><span style="font-size:18px;">Compliant with FCC Part 15.247 for US, ETS 300 328 for Europe</span></li>
<li><span style="font-size:18px;">Supports driver for:</span>
<ul>
<li><span style="font-size:18px;">Windows 2000, XP 32/64 bit, Vista 32/64 bit, Windows 7 32/64 bit, Windows 8 32/64 bit, Windows 10: http://alfanetworkinc.blogspot.tw/2015/08/blog-post.html</span></li><li><span style="font-size:18px;">Mac (10.4.x/10.5.x/10.6.x/10.7/10.8/10.9) Power PC&amp; PC</span></li><li><span style="font-size:18px;">Linux (2.4.x/2.6.x)</span></li></ul></li></ul>
</td></tr></tbody></table>

它在我的Android 5.1手机的默认浏览器中显示效果很好，实际上是Chrome 44，在Chrome 47上。它在我的旧手机上显示效果很好，Chrome 4.0版（冰淇淋三明治），版本29它在默认浏览器上显示得非常糟糕，但是由于我提到的并且无法在该设备上获得响应式页面，并且我在这里寻求帮助：https://stackoverflow.com/questions/35689614/how-to-get-a-page-to-be-responsive-on-android-browser-default-browser-on-androi。

在Firefox版本30.0上，我必须水平滚动才能看到全部内容，它会流向屏幕右侧。这是因为这条长行

Windows 2000，XP 32/64位，Vista 32/64位，Windows 7 32/64位， Windows 8 32/64位，Windows 10： http://alfanetworkinc.blogspot.tw/2015/08/blog-post.html

和这一个

Mac（10.4.x / 10.5.x / 10.6.x / 10.7 / 10.8 / 10.9）Power PC＆amp; PC

但特别是第一个，并没有打破屏幕结束处的单词/ URL。

我只在此设备上使用Firefox的移动浏览器Firefox版本30.0时出现此问题。

现在，如果我使用断言：break-all，那确实有效，但是在任何地方都会断言，这看起来很糟糕。使用word-break：break-word，只有URL和带斜杠的数字列表（10.6.x / 10.7 / 10.8 / 10.9）几乎可以在任何地方被破坏（有些浏览器像5.1设备上的Chromes一样至少会破坏在/之后，看起来更好，不像4.0.4设备上的Chrome可以打破任何地方），这没关系跟我一起。

我尝试过自动换行：break-word;但这并不起作用，也不适用于某些破解词：破解词有效的浏览器。我还尝试了一些关于本网站上的答案的其他建议，但无法让它们中的任何一个起作用。我也认为其中很多都是指Firefox的桌面版。

那么，我怎样才能在Firefox的移动浏览器30.0中很好地理解单词，这样它们就不会超出屏幕的宽度，因此不需要水平滚动来查看全部内容，同时能够在其他移动浏览器上保持正确的分解和显示？

以下是浏览器的用户代理：

Mozilla / 5.0（Android; Mobile; rv：30.0）Gecko / 30.0 Firefox / 30.0

仅供参考：如果您想知道桌子的用途是什么，那是因为我不想为每个长字应用内联破坏风格。这是在我无法访问head标签的电子商务网站上完成的，所以我只能使用内部样式表或内联样式。我不知道外部样式表是否可行，但我不想走那条路。

Answer 1

您可以使用

word-wrap: break-word;

它可以在firefox中实现。

如何在Android上的Firefox移动浏览器（版本30.0）中获得关键词：破解词效果？

1 个答案: