Comment puis-je placer du texte dans un span?
J'ai un laps de 350 pixels de large. Si il n'y a plus de texte que ça, il va tout droit vers la droite à côté de la plage. Comment puis-je forcer le texte à enrouler vers le bas dans un paragraphe? J'ai essayé une variété de choses que j'ai trouvé sur le web, et rien ne semble fonctionner.
Ce besoin de travailler pour IE 6 en avant. Ce serait bien si elle a travaillé dans Firefox, trop.
Mise à JOUR:
Voici un peu plus d'infos. Je suis en train de mettre en œuvre une info-bulle. Voici mon code:
HTML
<td style="text-align:left;" nowrap="nowrap" class="t-last">
<a class="htooltip" href="#">
Notes<span style="top: 40px; left: 1167px; ">
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.</li>
</ul>
</span>
</a>
</td>
CSS
.htooltip, .htooltip:visited, .tooltip:active
{
color: #0077AA;
text-decoration: none;
}
.htooltip:hover
{
color: #0099CC;
}
.htooltip span
{
display: inline-block;
/*-ms-word-wrap: normal;*/
word-wrap: break-word;
background-color: black;
color: #fff;
padding: 5px 10px 5px 40px;
position: absolute;
text-decoration: none;
visibility: hidden;
width: 350px;
z-index: 10;
}
.htooltip:hover span
{
position: absolute;
visibility: visible;
}
- Span est un élément inline. En général, il n'est pas correct d'imposer la largeur de restrictions sur ces objets. Utilisez <p> ou <div> et le programme d'installation CSS.
- Avez-vous définissez la propriété white-space dans la durée?
- white-space est une chose que j'ai essayé.
- Mettre un <p> à l'intérieur de la plage et du réglage de sa largeur ne semble pas faire l'habillage de texte, soit.
- c'est peut-être parce
p
's ne pouvez pas [légalement] rendez-vous dansspan
s'. Même si la raison vous avez posé la question, est révolue depuis longtemps, pouvez-vous regarder ma réponse (cliquez simplement sur le violon lien) et de voir que cela fonctionne, et si ça ne marche pas, commenter pour moi?
Vous devez vous connecter pour publier un commentaire.
Emballage peut être fait de différentes façons. Je vais vous parler de 2 d'entre eux:
1.) l'habillage du texte - à l'aide de propriété white-space http://www.w3schools.com/cssref/pr_text_white-space.asp
2.) habillage du mot - à l'aide de word-wrap propriété http://webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap
Par la voie, afin de travailler à l'aide de ces 2 approches, je crois que vous devez définir la "affichage" de la propriété de bloc correspondant à la durée de l'élément.
Cependant, comme Kirill déjà mentionné, c'est une bonne idée de penser à ce sujet pendant un moment. Vous parlez de forcer le texte dans un paragraphe. Le PARAGRAPHE. Qui devrait sonner quelques cloches dans votre tête, n'est-ce pas? 😉
Vous devriez utiliser l'espace blanc avec affichage de la table de
J'ai une solution qui devrait fonctionner dans IE6 (et certainement œuvres en 7+ & FireFox/Chrome).
Vous étiez sur la bonne voie à l'aide d'un
span
, mais l'utilisation d'unul
était fausse et que le css n'était pas droit.Essayez ceci
Tout le monde allait dans le mauvais sens. Le code n'est pas valide,
ul
's ne peut pas aller dansa
's,p
's ne peut pas aller dansa
's,div
's ne peut pas aller dansa
's, il suffit d'utiliser unspan
(en se souvenant de fairedisplay
comme unblock
donc il va envelopper comme si c'était undiv
/p
etc).Essayez de mettre votre texte dans une autre div à l'intérieur de votre durée:
c'est à dire