如何获取word-break：Android手机上的Firefox移动浏览器（版本30.0）的分词效果？

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的手机，这实际上是铬44的默认浏览器大，在Chrome 47还显示我的旧的手机上伟大的Android 4.0 .4（冰淇淋三明治）在Chrome上运行，版本为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/10.6.x的/ 10.7/10.8/10.9）的Power PC & PC

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

我只在此设备上使用Firefox的手机浏览器Firefox版本30.0时遇到此问题。

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

我试过了单词换行：break-word;但是这并不起作用，并且在某些使用word-break：break-word的浏览器中也不起作用。我也尝试了一些关于本网站上的答案的其他建议，但无法让其中任何一个人工作。我也认为其中很多都是指Firefox的桌面版本。

那么，如何让Firefox的手机浏览器版本30.0中的词语很好地被打破，以便它们不会超出屏幕宽度，因此不需要水平滚动查看所有内容，同时同时能够在其他移动浏览器上保持正确的打破和显示？

这里是浏览器的用户代理：

的Mozilla/5.0（安卓;移动; RV：30.0）壁虎/ 30.0火狐/ 30.0

FYI：万一你想知道表格的目的是什么，这是因为我不希望将内联突破风格应用于每一个长词。这是在电子商务网站上完成的，我无法访问head标签，因此我只能使用内部样式表或内联样式。我不知道外部样式表是否可行，但我不喜欢走这条路。

Answer 1

您可以使用

word-wrap: break-word; 

它的伎俩在Firefox。