Word-wrap (break-word): il testo va su una nuova linea con firefox (ok chrome e IE).

[darkwolf]

Come da oggetto, allego immagini descrittive:

Firefox:

-
Chrome:


Da qui la domanda: "Come fare affinché firefox non mandi il testa a capo"?

Questo il codice (php, ma di facilissima comprensione):

<div style="word-wrap:break-word;">
<?php
    if(!empty($ip1)) {
        echo '
        <span style="color:#00e0ff;font-weight:bold;">', $txt[512], ': </span>', $ip1, '';
    }
    if(!empty($city)) {
        echo '
        <hr />
        <span style="color:#00e0ff;font-weight:bold;">', $txt['geoplugcity'], ': </span>', $city, '';
    }
    if(!empty($region)) {
        echo '
        <hr />
        <span style="color:#00e0ff;font-weight:bold;">', $txt['geoplugregion'], ': </span>', $region, '';
    }
    if(!empty($country)) {
        echo '
        <hr />
        <span style="color:#00e0ff;font-weight:bold;">', $txt['geoplugcountry'], ': </span>', $country, ' (', $countrycode, ')';
    }
    if(!empty($hostname)) {
        echo '
        <hr />
        <span style="color:#00e0ff;font-weight:bold;">', $txt['hostname'], ': </span>', $hostname, '';
    }
    if(!empty($agent)) {
        echo '
        <hr />
        <span style="color:#00e0ff;font-weight:bold;">User-Agent: </span>', $agent, '';
    }
?>
</div>

[Kevinoo]

Ciao Darkwolf,
che versione di Firefox utilizzi? Mozilla ha corretto questo difetto dalla versione 3.5, dalla quale la proprietà word-wrap: break-word funziona. Se non erro bisogna, inoltre, applicare la proprità width al contenitore.

Saluti,
Kevin

[darkwolf]

Ora provo ad applicare una larghezza specifica ma uso firefox 3.6.15
Niente, me la manda comunque a capo
-
Non riesco proprio a capire perché.

[karl94]

Credo sia causato dall'algoritmo che stabilisce dove andare a capo: lo spazio ha una precedenza maggiore rispetto al trattino, dunque mette quella che è per lui un'unica parola in una riga a sé e non essendo lo spazio sufficiente la spezza a sua volta su più righe (poiché lo impone la proprietà break-word).

[darkwolf]

Grazie per la spiegazione Karl :)
Hai idea se ci sia un modo alternativo per rimediare?

[karl94]

Temo di no, questo è l'algoritmo che segue Firefox e non penso possa essere modificato. Per forzare i ritorni a capo potresti inserire degli spazi a larghezza zero (U+200B) dopo i trattini.

[darkwolf]

Considerando che trattasi di hostname potrei provare a spezzare la stringa e inserire gli spazi a zero tra ogni singolo carattere :)
Ora ci provo, vediamo cosa ottengo :)
-
Edit: al momento ho risolto così:

    $hostname = gethostbyaddr($_SERVER['REMOTE_ADDR']);
    $hostname = wordwrap($hostname, 1, "&*#8203;​", true); //senza l'asterisco 

Anche se crea un po' di casino in caso di copia incolla su notepad++ (ma la visualizzazione è perfetta)
-
Edit: molto più semplicemente, ho sostituito:

: </span> 

con:

:</span>&*nbsp; 

:P

scusate l' intrusione io nn conosco php ma volevo sapere se il problema si manifestava anche su html grazie in anticipo