Следующий HTML-код создает две гиперссылки в последовательных линиях с
1. Пространством между
2. подчеркнутых ссылок.Избавиться от пробелов между строками в 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>
<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>
Это может помочь вам!
Меньше word-spacing больше промежуток между.
1 # <pre> тег вызывает это "пространство". <pre> имеет некоторые поля сверху и снизу. margin: 0; делает магию.
<style>
pre { margin: 0; }
</style>
2 # Добавить свой стиль тег стиль = "текст-отделка: нет;" внутри бирка, нет внутри <font> бирка.
Также я рекомендую вам забыть встроенный стиль и сделать свой стиль в внешнем файле .css или между <style></style> тегами. Использование встроенных тегов стиля немного устарело и делает ваш код сложным. Поверьте мне, это сделает вашу жизнь намного легче.
# 1 - поместите свой HTML на 1 строку. Я знаю, это звучит безумно. –
Это серьезный вопрос? Почему вы используете относительный URL-адрес www.stackoverflow.com и почему вы используете 'pre' для аннотаций ссылок (или что бы там ни было)? И использовать бессмысленно недействительную разметку? –
Jukka - это часть созданного Perl log html (не веб-страницы). Я хотел, чтобы он был правильно отформатирован для удобного чтения в браузере. – Jean