Bir sözcük etiketinde doğru sözcük kaydırma

Bir satırda satır içi doğrulama mesajıyla bir formum var. Bir sözcük etiketinde doğru sözcük kaydırma

Ugly wrap with span

<span 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> 
</span>

Maalesef sözcük kaydırma gerçekten çirkin. İletiyi güzelleştirmek için doğrulama iletisini bir div'a koyabilirim. Sonuç daha iyi, ancak mükemmel değil.

<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>

Using a div

böyle bir şey Ne istiyorum gerçekten geçerli:

Mockup of goal

Ne CSS kodu istenen sonucu elde etmek için kullanırdınız?

kaynak

2010-02-10 Sandra

white-space: nowrap;

kaynak

2010-02-10 15:03:24 wawooca

Teşekkürler! Bu bana, span yerine bir div kullanmak gibi aynı sonucu verdi. Açıklıktan daha iyi görünüyor, ama mükemmel değil. – Sandra

Şimdiye kadarki en şık çözüm. – Chris

İçeriğinizin ekranın kenarından uçmasını sağlamak için harika! Ekranı kullanmayı unutma: block' – JackalopeZero

Ben senin <div> ve <span> etiketleri arasındaki farkı neden aklınıza gelebilecek en olası nedeni bir <span> eleman inline olarak kabul edilirken, bir <div> eleman, bir blok elemanı olarak kabul edilir olmasıdır deneyin.

Yüzen elemanlar için bir çeşit kaydırma elemanınız var mı?

<div class="row"> 
    <div style="float: left;"> 
     <span>Endzeit:</span> 
    </div> 
    <div style="float: left;"> 
     <input type="text" /> <span>10.2.2010</span> 
    </div> 
    <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> 
</div>

Değilse, deneyin ve sanırım işe yarayabilir.

kaynak

2010-02-10 15:08:18 vrutberg

Birkaç div kullanmak ve onları kullanmak float, ama çok fazla div kutusundan kaçınmak istiyorum. Bir span kullanmamı sağlayacak bir css stili olacağını umuyordum. Metin, sadece ikinci satırın başlangıcında değil, ilk satırdaki açıklıkların başladığı konumda başlamalıdır. – Sandra

Bazen tek ihtiyacınız İşte <br/>

Bitte geben Sie eine gültige Uhrzeit ein, <br/>zum Beispiel 8:00 oder 14:34

kaynak

2010-02-10 15:36:33 graphicdivine

Bir br ekledim ve Firefox 3.57'de iki hattın başlangıcı hala hizalanmadı.
, hattın kesildiği yeri kontrol eder, ancak maalesef yeni hattın nerede başladığını kontrol etmez. – Sandra

Anladım. Görünen şekilde, ekrana koyun: etiket üzerindeki etikete. – graphicdivine

ben ile sona erdi kod olduğunu:

<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>

Kesinlikle yayılma konumlandırılmış ve sola o 300px taşındı.

Bu, ancak bu çözümden tamamen memnun değilim, çünkü 300px kodlanmış. Doğrulama mesajının önündeki nesnelerin uzunluğu değişirse, 300px'i de değiştirmem gerekir.

kaynak

2010-02-10 16:01:35 Sandra

Bir sözcük etiketinde doğru sözcük kaydırma

cevap

İlgili konular