2. <br> 사이에 밑줄 링크에 <br> 1. 공간과 HTML

다음 HTML 코드가 연속 라인에 두 개의 하이퍼 링크를 생성에 선 사이의 공간을 제거하십시오.2. <br> 사이에 밑줄 링크에 <br> 1. 공간과 HTML

1과 2 모두 제거하려면 어떻게해야합니까?

<a href="www.stackoverflow.com"><font face="monospace" font size="4" style="text-decoration:none;"><pre>[ Text1]</pre></font></a> 
<a href="www.stackoverflow.com"><font face="monospace" font size="4" style="text-decoration:none;"><pre>[ Text2]</pre></font></a>

출처

2013-06-10 Jean

# 1 - HTML을 한 줄에 입력하십시오. 나는 그것이 미친 소리가 나는 것을 안다. –

심각한 질문입니까? 상대 URL 인 www.stackoverflow.com을 사용하는 이유는 무엇이며 링크 주석 (또는 그 밖의 정보)에'pre'를 사용하는 이유는 무엇입니까? 그리고 무의미하게 잘못된 마크 업을 사용합니까? –

Jukka - Perl로 생성 된 로그 HTML (웹 페이지 아님)의 일부입니다. 브라우저에서 쉽게 읽을 수 있도록 올바른 서식을 지정하고 싶습니다. – Jean

<div style="word-spacing: 3px;"> 
    <a style="text-decoration:none;" href="www.stackoverflow.com"><font face="monospace" font size="4"><pre style="margin: 0;float:left;">[ Text1]</pre></font></a> 
    <a style="text-decoration:none;" href="www.stackoverflow.com"><font face="monospace" font size="4"><pre style="margin: 0;">[ Text1]</pre></font></a> 
</div>

Demo

이 당신을 도울 수 있습니다!

더 적은 word-spacing 사이에 간격이 좁습니다.

출처

2013-06-10 19:45:37

Text1과 Text2 앞에 공백을 넣으십시오. – Jean

인라인 CSS는 나쁜 습관이라고 간주해야합니다. 물론 시연 만하는 것이 완벽합니다. – sanusart

@Jean이 마지막으로 편집을 확인합니다. –

1 # <pre> 태그로 인해 "공백"이 발생합니다. <pre>에는 위와 아래 여백이 있습니다. 여백 : 0;은 마법을 만듭니다.

<style> 
    pre { margin: 0; } 
</style>

2 # 는 스타일 태그 = "텍스트 장식 : 없음;"스타일을 추가 내부 태그 <font> 태그 안쪽에 없습니다.

또한 인라인 스타일링을 잊어서 외부 .css 파일 또는 <style></style> 태그 사이에서 스타일을 지정하는 것이 좋습니다. 인라인 스타일 태그를 사용하면 코드가 오래되어 코드가 복잡해집니다. 저를 믿으십시오, 그것은 당신의 생활을 매우 쉽게 할 것입니다.

출처

2013-06-10 19:54:48

2. <br> 사이에 밑줄 링크에 <br> 1. 공간과 HTML

답변

관련 문제