Как получить слово-перерыв: эффект брейк-слова в браузере браузера Firefox (версия 30.0) на Android?

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. Он также показывает большой на мой старший телефон, Android 4.0 .4 (Ice Cream Sandwich) в 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

и этот

Мак (10.4.x/10.5.x/10.6.x/10,7/10,8/10,9) Power PC & ПК

, но первый, в особенности, не нарушает слов/URL-адреса, где заканчивается экран.

У меня есть эта проблема только с мобильным браузером Firefox на этом устройстве, Firefox версии 30.0.

Теперь, если я использую word-break: break-all, это действительно работает, но слова сломаны в любом месте, что выглядит ужасно. С word-break: break-word только URL-адрес и список номеров с косой чертой (10.6.x/10.7/10.8/10.9) разбиты примерно где угодно (некоторые браузеры, как и хроматы на устройстве 5.1, по крайней мере, после /, который выглядит лучше, в отличие от Chrome на устройстве 4.0.4, который ломается где угодно), что нормально со мной.

Я пробовал слово-обертывание: сломанное слово; но это не работает, а также не работает в некоторых браузерах, в которых прерывание слова: break-word работал. Я также пробовал некоторые другие предложения, найденные в ответах на этом сайте, но не могу заставить их работать. Я также думаю, что многие из них относятся к настольной версии Firefox.

Итак, как я могу получить слова, которые можно легко сломать в браузере Firefox версии 30.0, чтобы они не выходили за пределы ширины экрана и поэтому не требовали горизонтальной прокрутки для просмотра всего содержимого, тогда как в то же время, возможность сохранить правильное нарушение и отображение на других мобильных браузерах?

Вот браузера агента пользователя:

Mozilla/5.0 (Android, Mobile; с.в.: 30,0) Gecko/30,0 Firefox/30,0

FYI: Только в случае, если задаются вопросом, какова цель таблицы, потому что я не хочу применять стиль разбивки на каждое длинное слово. Это делается на сайте электронной коммерции, в котором у меня нет доступа к тегу head, поэтому я могу использовать только внутренние стили или стили Inline. Я не знаю, будут ли работать внешние таблицы стилей, но я предпочитаю не идти по этому маршруту.

Answer 1

Вы можете использовать

word-wrap: break-word; 

Это делает трюк в светлячок.