Css problème div largeur

i ont div avec 500px largeur qui contient plusieurs points d'ancrage ... problème Chevilles non d'emballage pour plusieurs lignes .... j'ai essayé table en utilisant aussi bien même problème ....Css problème div largeur

<div style="width:500px;"> 
    <a href="#procrit">procrit</a>&nbsp; 
    <a href="#doxil">doxil</a>&nbsp; 
    <a href="#prezista">prezista</a>&nbsp; 
    <a href="#simponi">simponi</a>&nbsp; 
    <a href="#reopro">reopro</a>&nbsp; 
    <a href="#topamax">topamax</a>&nbsp; 
    <a href="#invega">invega</a>&nbsp; 
    <a href="#axert">axert</a>&nbsp; 
    <a href="#aciphex">aciphex</a>&nbsp; 
    <a href="#concerta">concerta</a>&nbsp; 
    <a href="#risperdal">risperdal</a>&nbsp; 
    <a href="#remicade">remicade</a>&nbsp; 
    <a href="#velcade">velcade</a>&nbsp; 
    <a href="#doxil">doxil</a>&nbsp; 
    <a href="#regranex">regranex</a>&nbsp; 
    <a href="#nucynta">nucynta</a>&nbsp; 
    <a href="#duragesic">duragesic</a>&nbsp; 
    <a href="#leustatin">leustatin</a>&nbsp; 
    <a href="#invega">invega</a>&nbsp; 
    <a href="#sustenna">sustenna</a>&nbsp; 
    <a href="#reminyl">reminyl</a>&nbsp; 
    <a href="#natrecor">natrecor</a>&nbsp; 
</div>

Source

2010-11-03 Rajesh

Vous devez mettre en forme votre code HTML en l'indentant avec quatre espaces. Vous pourrez ensuite utiliser les balises ''. Aussi, s'il vous plaît ajouter des nouvelles lignes. – SLaks

Je ne veux pas de chaque ancre dans la nouvelle ligne ... après avoir dépassé la largeur spécifiée, elle doit entrer dans la ligne suivante ... – Rajesh

Vous devez ajouter des nouvelles lignes à votre code pour que les gens puissent le lire. – SLaks

S'il n'y a pas d'espace blanc entre les ancres, il est considéré comme une seule chaîne et ne peut donc pas être enveloppé. Vous pouvez essayer d'utiliser la règle CSS word-wrap pour résoudre ce problème, mais certains navigateurs peuvent ne pas respecter ce paramètre.

Une solution simple consiste à remplacer   par un espace réel. Ou utilisez un <ul> et le <li>display: inline;. Ce dernier est sans doute plus sémantique.

Source

2010-11-03 02:37:59

c'est la raison pour laquelle j'ai ajouté – Rajesh

' ' est un * espace * insécable * et donc ne casse toujours pas. –

Essayez de remplacer   avec juste un caractère espace.   empêche le navigateur d'envelopper les mots auxquels il est attaché. Chaque <a> n'apparaîtra pas sur une nouvelle ligne, mais il s'enveloppera correctement s'il ne correspond plus à son conteneur si vous utilisez des espaces normaux.

Source

2010-11-03 02:43:50 jacrough

utilisation float:left;margin-right:5px

  est un moyen d'espacement vilain force; vous obtiendrez des résultats beaucoup plus cohérents et professionnels avec un bon CSS (dans ce cas, margin).

Source

2010-11-03 02:55:26 Ben

Css problème div largeur

Répondre

Questions connexes