Зачем дополнительный интервал в ячейке таблицы, когда она имеет 2 элемента href - PullRequest
Новая
       1

Зачем дополнительный интервал в ячейке таблицы, когда она имеет 2 элемента href

5 голосов
/ 12 октября 2011

Картинка стоит тысячи слов. Обратите внимание на пробел между последней строкой и остальными.

enter image description here

Вот код. 

<html>
<head></head>
<style type="text/css">
td a {
text-decoration: none;
color: black;
font-size:11px;
font-family: Arial, 
}
</style>
<body>
<table>
    <tr>
        <td width="120px"><a href="#" target="__blank">Now is the time for all good men to come to the aide of their country said the quick brown fox to the lazy cow.</a> <a href="#" target="__blank">Moo</a></td>
    </tr>
</body>
</html>

Если я достану второй тег и включу текст Moo в первый тег, расстояние исчезнет. Что здесь происходит?

Ответы [ 2 ]

2 голосов
/ 12 октября 2011

Сейчас вам не хватает закрывающих тегов td и table.Они могут быть проблемой.

Это прекрасно работает с закрывающими тегами:

Пример: http://jsfiddle.net/bmNRq/

1 голос
/ 12 октября 2011

Мне кажется, что вы отправили размер шрифта в теге a меньше размера по умолчанию.Это означает, что пробел между двумя тегами a отображается стандартным размером шрифта (например, 14 пикселей) и, таким образом, делает строку на нем выше, чем другие.

Попробуйте изменить свой CSS на: 

<style type="text/css">
td {
    font-size:11px;
    font-family: Arial, 
}

td a {
    text-decoration: none;
    color: black;
}
</style>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...