J'ai une forme avec un message de validation en ligne dans une portée.
<div id="EndTimeErrors">
<label for="EndTime" class="field-validation-error">
Bitte geben Sie eine gültige Uhrzeit ein, zum Beispiel 8:00 oder 14:34
</label>
</div>
4 Réponses :
Essayez
white-space: nowrap;
Merci! Cela m'a donné le même résultat que d'utiliser un div au lieu de la portée. Cela semble mieux que la portée, mais pas parfait.
Solution la plus élégante jusqu'à présent.
Idéal pour avoir votre contenu voler le bord de l'écran! N'oubliez pas d'utiliser Affichage: Bloc
La raison la plus probable que je puisse penser à causer la différence entre votre Avez-vous une sorte d'élément d'emballage pour les éléments flottés, quelque chose qui ressemble à ceci? sinon, essayez-le et je pense que cela pourrait fonctionner.
Utiliser plusieurs divs et les flotter travaillerait, mais je veux éviter de trop de boîtes de div. J'espérais qu'il y aurait un style CSS qui me permettrait d'utiliser une étendue. Le texte doit commencer à la même position à laquelle la portée commence dans la première ligne et non seulement au début de la deuxième ligne. et
est-ce un L'élément est considéré comme un élément de bloc, tandis qu'un élément
est considéré comme en ligne.
1 commentaires
Parfois, tout ce dont vous avez besoin est un
J'ai ajouté un BR et dans Firefox 3.57 Le début des deux lignes n'est toujours pas aligné. Les contrôles
où la ligne se casse, mais malheureusement, il ne contrôle pas lorsque la nouvelle ligne commence.
Je vois. Posiblement, placez l'affichage: Inline-Block sur l'étiquette contenant.
Voici le code que j'ai fini par:
<span id="EndTimeErrors" style="position: absolute; left: 300px;">
<label for="EndTime" class="field-validation-error">
Bitte geben Sie eine gültige Uhrzeit ein, zum Beispiel 8:00 oder 14:34
</label>
</span>