공백 문자 파이어 폭스

의 이미지 후 다음 HTML을 고려하십시오. 나는 모든 이미지 주위에 "텍스트 선택"을 할 경우에, 나는 그들 사이에 몰래 약간의 공백 문자 거기 참조 :공백 문자 파이어 폭스

wtfspace

나는 이것에 대한 이유없이 생각할 수있는,하지만 내 의도는 모든 만드는 것입니다 대신 내 단추가 링크되어 있으므로 효과가 있는지 확인하려고 시도했습니다. 새 코드는 다음과 같습니다.

<!DOCTYPE html> 
<a><img src="resources/csv.png"></a> 
<a><img src="resources/globe.png"></a> 
<a><img src="resources/clock.png"></a> 
<a><img src="resources/key.png"></a> 
<a><img src="resources/delete.png"></a>

다시 한 번 다음과 같이 렌더링 된 출력이 선택되었습니다.

enter image description here

사람이 특질에 대한 논리적 인 설명 생각할 수 : 이제 각각의 이미지 뒤에 공백이있어 주목? 내 HTML이나 Firefox의 버그에 문제가 있습니까? 누구든지 CSS로 해결 방법을 생각할 수 있습니까? 필자의 첫 번째 본능은 마진과 함께 플레이하는 것이지만 IE7과 호환되어야합니다. 정확하게 리콜하면 음수 여백으로 작동하지 않습니다. 감사합니다.

편집 : 죄송합니다. 캐리지 리턴이 HTML에서 공백 문자로 바뀌는 것을 잊었습니다. 그래도 응답자들 덕분에. :)

출처

2012-05-23 Tom

공백은 캐리지 리턴입니다. 그것을 제거하면 황금이 될거야!

<img src="one.jpg"><img src="two.jpg">

또는

<a href="#"><img src="one.jpg"></a><a 
href="#"><img src="two.jpg"></a>

은 일반적으로 내가 그 공백을 제거 할 필요가있을 때 내 HTML에 표시하는 방법입니다.

출처

2012-05-23 17:49:52

을 뭔가를 할 수 있습니다. 왜 오직 하나만이 첫 번째와 두 번째 사이에 나타나는지 설명 할 수 있습니까? 그것이 내가 묻는 질문이라고 믿는 것입니다. – BoltClock

아니요,하지만 작동하는 태그 사이의 공백을 제거했는지 알고 있습니다. 나는 그걸 여러 번 실행했다. –

@BoltClock 태그 사이의 공백은 모두 html의 단일 공백으로 잘립니다. – mayhewr

한 줄에 모두 입력하면 문제가 해결됩니다.

<img src="resources/csv.png"/><img src="resources/globe.png"/><img src="resources/clock.png"/><img src="resources/key.png"/><img src="resources/delete.png"/>

하지만 성가신 수 있습니다. 일부 가독성을 유지하려면 각``태그 다음 줄 바꿈이 있습니다 ... 같은

<img src="resources/csv.png"/><!-- 
--><img src="resources/globe.png"/><!-- 
--><img src="resources/clock.png"/><!-- 
--><img src="resources/key.png"/><!-- 
--><img src="resources/delete.png"/>

출처

2012-05-23 17:58:48 mayhewr

공백 문자 파이어 폭스

답변

관련 문제