2012-08-28 15 views
6

Maksimum genişliğe ulaştığında yeni bir satıra malzeme koyma ile ilgili bazı sorunlar yaşıyorum. Blogumun tüm etiketleri tek bir div içinde görüntülemesini sağladım ve ilk satır maksimum genişliğe ulaştığında bir sonraki etiket bir sonraki satıra atlayacaktır. ,CSS Span Tamamen Sarılmıyor

p.tagHolder{ 
margin-bottom:5px; 
line-height:25px;} 

Tüm HTML/PHP

<a href="#"><span>TagName</span></a><a href="#"><span>TagName2</span></a>.... 

Chrome Firefox: Burada

http://jsfiddle.net/QHWNF/7/

CSS Kod olan (Ekli Chrome ve Firefox'da neler olduğunu ise)

+0

Belki minimal keman oluşturabilir (jsfiddle.net) Bu problemi gösterir. Orada resminizi bile ekleyebilirsiniz. –

+0

http://jsfiddle.net/QHWNF/7/ –

cevap

14

Açıklıklarınızı display: inline-block olarak ayarlamayı deneyin.

Chrome ve Firefox kullanımı word-break için

http://jsfiddle.net/QHWNF/10/

+0

Nate teşekkür ederim! Bir çekicilik gibi çalıştı. –

+0

Yardım ettiğine sevindim! – Nate

+0

@Krewe - bu işe yaradı, bu düşündüğüm şeydi - "" yi 'etrafında çevirmek yerine" Test ' - Benim bakış açımdan: Burada bir Tag olan bir Şey var ve bu Tag (bir şey) ile bağlantı kurar. –

0

span ve p konteynerinize word-wrap: normal; ve word-break: normal; ekleyin. Bu, sözcüklerin sarmaya ihtiyaç olduğunda sadece izin verilen kırılma noktalarında kırıldığından emin olur.

Umarız bu yardımcı oldu!

0

: break-word ve IE için -ms-word-break: keep-hepsi