CSS 스팬이 완전히 랩되지 않음

최대 너비에 도달하면 줄 바꾸기에 문제가 있습니다. 내 블로그가 하나의 div에 모든 태그를 표시하도록 설정하고 첫 번째 줄이 최대 너비에 도달하면 다음 태그가 다음 줄로 건너 뛰어야합니다. ,CSS 스팬이 완전히 랩되지 않음

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

모든 HTML/PHP는

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

Chrome Firefox 을 : 여기

는 CSS 코드입니다 (첨부는 크롬과 파이어 폭스에서 일어나는 것입니다)

2012-08-28 Zach Case

을 어쩌면 당신은 최소한의 바이올린을 만들 수 있습니다 (jsfiddle.net) 그 문제를 보여줍니다. 여기에도 이미지를 포함 할 수 있습니다. –

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

범위를 display: inline-block으로 설정해보십시오.

크롬과 파이어 폭스를 사용 단어 휴식에 들어

2012-08-28 20:23:51 Nate

네이트 감사합니다! 매력처럼 일했습니다. –

도움이 되니 기쁩니다! – Nate

@Krewe -이게 잘된 것인데, 그게 내가 생각한거야. 그 말은, ''을 ''으로 둘러 싸서,'Test' - 내 관점에서 말하자면, 다음은 태그 인 것이고,이 태그는 (무언가)와 연결되어 있습니다. –

span 및 p 컨테이너에 word-wrap: normal; 및 word-break: normal;을 추가하십시오. 이렇게하면 랩이 필요할 때 허용 된 중단 점에서만 단어가 깨지게됩니다.

도움이 되었기를 바랍니다.

2012-08-28 20:16:12 Chris

: 휴식 단어와 IE에 대한이 -ms-워드 브레이크를 사용 유지 - 모든

2016-03-17 11:30:03

답변