2013-01-22 12 views
20

Aşağıdaki textarea eleman vardır: Sadece bootstrap kullanmaya başladılarTwitter Bootstrap'i kullanırken metni textarea tek boşlukta nasıl yapabilirim?

<form action="/checkit" method="get"> 
    <textarea class="field span8" id="textarea" name="user_input" 
     rows="20">{{default_data}}</textarea> 

    <input type="submit" value="Checker"> 
</form> 

ancak textarea monospacenin metni yapmak için en iyi yolu çalışamaz.

+0

kullanma CSS 'textarea {font-family: "Eş aralıklı";}!' O başka değer 'important' kullanmak, bunu geçersiz kılma konusunda hiçbir başka CSS kural var emin olun ile kullanmak sonra çalışmıyorsa bakım. –

+0

Ben sadece bir, tüm textareas içinde metin monospace sahip olmak istemiyorum. – smithy

+0

@DeepakKamat, sistem Monospace özel bir yazı tipine sahip olmasını beklemediğiniz sürece, tırnak işaretleri yanlıştır. Style = "font-family: Monospace;" işlevini kullanmak için gerekenler dışında çalışan –

cevap

27

style="font-family:monospace;" 

çalışması gerekir senin textarea etiketine aşağıdaki ekleme veya başka sadece bu

#textarea{font-family:monospace;} 
+1

Yukarıdaki yorumlara göre. – smithy

+0

@smithy, yardım edebilirim memnunum. birisi beni reddetti:/Kodunuzu stilden ayırmanız gerektiği için en iyi çözüm olmayabilir ama işe yarıyor. Belki bir dersi "textareamono" gibi bir şey yapmak ve uygulamak uzun vadede daha iyi bir fikir olur. – Jess

+0

bir hata yaptınız mono-space, monospace olmalı, ben senin yazı için bir düzenleme yaptık ve upvoted – Gijs

14

Heyecan Bootstrap gibi css ekleyebilirsiniz birçok stil özelliklerini belirler, hem değil Onları geçersiz kılmak her zaman önemsizdir. Belirli bir öğe için, yine de, bir kimlik seçici gibi oldukça özel bir seçici kullanırken kolaydır. Durumunuzda, textarea öğesinin id="textarea" vardır, bu nedenle, ör.

<style> 
#textarea { font-family: Consolas, Lucida Console, monospace; } 
</style> 

Sen tercih sırasına göre tek aralıklı yazı tiplerinin herhangi dizisini listelemek, ancak tarayıcının varsayılan tek aralıklı yazı tipine geri düşen gelir, çünkü son (tırnak işaretleri olmadan) Son girişi monospace yapabilirsiniz.

Normalde beklenen girdi bilgisayar kodu, satır sayısı veya tek-boşluk oluşturma için uygun olan başka bir metin olmadıkça, yazı tipinin'da tek boşluklu olarak ayarlanabilmesi normaldir. kimliğine sahip

#textarea { 
font-family: monospace; 
} 

Yani textarea yüksek önceliğe sahip olacaktır: Eğer içine bu değiştirmeniz gereken css olarak

input, 
button, 
select, 
textarea { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
} 

: bootstrap olarak

+1

Bence, bu en kapsamlı cevap, bu yüzden, en iyi olanıdır. –

2

biz stilleri var.

İlgili konular