CSS Span nie zawija się w pełni

Mam pewne problemy z zawijaniem rzeczy do nowej linii, gdy osiągnie maksymalną szerokość. Mam ustawiony mój blog, wyświetlający wszystkie znaczniki w jednym dziale, a gdy pierwsza linia osiągnie maksymalną szerokość, następny tag powinien przejść do następnej linii. (Mocowana jest to, co dzieje się w Chrome i Firefox)CSS Span nie zawija się w pełni

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

Oto kod CSS:

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

Wszystkie HTML/PHP jest

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

Chrome Firefox

Źródło

2012-08-28 Zach Case

Może utworzyć minimalny skrzypce (jsfiddle.net) to pokazuje problem. Tam możesz nawet dołączyć swoje zdjęcie. –

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

Spróbuj ustawić swoje rozpiętości na display: inline-block.

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

Źródło

2012-08-28 20:23:51 Nate

Nate, dziękuję! Pracował jak urok. –

Cieszę się, że pomogło! – Nate

@Krewe - świetnie to działało, to było to, o czym myślałem - powiedział, że będę owijał '' wokół '' zamiast na odwrót, podając 'Test' - mówiąc z mojego punktu widzenia: Oto Rzecz, która jest Tagiem, a ten Tag łączy się z (coś). –

Dodaj word-wrap: normal; i word-break: normal; do swojego kontenera span i p. Zapewniłoby to, że słowa są łamane tylko w dozwolonych punktach przerwania, gdy istnieje potrzeba zawijania.

Mam nadzieję, że pomogło!

Źródło

2012-08-28 20:16:12 Chris

dla Chrome i Firefox wykorzystanie słowo zerwaniu: break-word i dla IE użyć -ms-word-break: keep-all

Źródło

2016-03-17 11:30:03

CSS Span nie zawija się w pełni

Odpowiedz

Powiązane problemy