인라인리스트 li : last-child : after {content : ","} 생성 된 추가 공간을 제거 할 수 있습니까?

Question

http://forumgallery.rollinleonard.com/artists.php

나는 쉼표 전에 공간 제거 할 수없는 것 내 목록에.

의미가 없습니다!

는 여기에 내가 쉼표 앞에 공백없이 렌더링 덜 CSS 코드와 small demo을했던 내 CSS

.artistlist { 
    margin: 0px; 
    padding: 0; 
    } 

li.artistlist { 
    display: inline; 
    margin: 0; 
    padding: 0; 
    font-size: .75em; 
    line-height: 1.5em; 
    word-spacing: 1px; 
    } 
li.artistlist:after { 
    content:", "; 
    } 
.artistlist li:last-child:after { 
    content:""; 
    } 
ul li{ 
    margin:0; 
} 

Answer 1

의 관련 부분이다. Mac의 Chrome 및 Firefox에서 테스트되었습니다.

업데이트 된 페이지를보고 문제를 발견했습니다. 여기에 다른 브라우저 내에서 가능한 공백 버그에 대해 자세히 알아보기 : http://www.42inc.com/~estephen/htmlner/whitespacebugs.html 귀하의 HTML은 다음과 같습니다

:

<li class="artistlist"> 
    <a href="#" onMouseOver="ShowDiv('artist_2_1');ShowDiv('artist_2_2');ShowDiv('artist_2_3'); return false;" onMouseOut="HideDiv('artist_2_1'); HideDiv('artist_2_2'); HideDiv('artist_2_3'); return false;" class="inlinelistlink display">Davis Cone</a> 
     </li> 

봅니다 태그 사이의 공백을 제거하고 그것을 잘 렌더링 :

<li class="artistlist"><a href="#" onMouseOver="ShowDiv('artist_2_1');ShowDiv('artist_2_2');ShowDiv('artist_2_3'); return false;" onMouseOut="HideDiv('artist_2_1'); HideDiv('artist_2_2'); HideDiv('artist_2_3'); return false;" class="inlinelistlink display">Davis Cone</a></li> 

Answer 2

들어 특수 문자는 공간에서 유니 코드를 사용해야합니다. 이 시도 :

li.artistlist:after { 
    content:",\00a0"; 
}