#html #css #r #r-markdown #tint
Вопрос:
Я использую шаблон оттенка в R Markdown для рендеринга HTML. Однако я не думаю, что эта проблема относится конкретно к R или R Markdown. Я думаю, что исправление может быть выполнено с помощью CSS или HTML. Хотя я бы предположил, что Дирк, Джон, или Джей Джей, Ихуэй или Дейв, вероятно, могли бы рассказать мне, как правильно исправить это в R Markdown, поскольку они были авторами или внесли свой вклад в разработку tint.
Как я могу изменить это, чтобы примечания на полях не влияли на интервал под таблицей?
Я попытался установить тег таблицы со стилями align: left;
и float: left;
посмотреть, сработает ли это. Ни то, ни другое не повлияло на расстояние внизу.
Вот нижний колонтитул таблицы с примечанием на полях в виде HTML-скрипта:
<tfoot>
<tr>
<td style="padding: 0; " colspan="100%">
<span style="font-style: italic;">Note.</span> <sup></sup> This is the data dictionary based on the data adapted from CFPB (n.d.)<label for="tufte-sn-3" class="margin-toggle sidenote-number">3</label><input type="checkbox" id="tufte-sn-3"
class="margin-toggle"><span class="sidenote"><span class="sidenote-number">3</span> Consumer Financial Protection Bureau. (n.d.) <em>Consumer complaint database API docs</em> [data set and code book]. Office of Civil Rights. Retrieved
April 28, 2021, from <a href="https://cfpb.github.io/api/ccdb/index.html" class="uri">https://cfpb.github.io/api/ccdb/index.html</a></span> and Rozzi (2021).<label for="tufte-sn-4" class="margin-toggle sidenote-number">4</label><input
type="checkbox" id="tufte-sn-4" class="margin-toggle"><span class="sidenote"><span class="sidenote-number">4</span> Rozzi, G. (2021). <em>Data amp;amp; functions for working with US zip codes</em>. GitHub. <a
href="https://github.com/gavinrozzi/zipcodeR/" class="uri">https://github.com/gavinrozzi/zipcodeR/</a></span>
</td>
</tr>
</tfoot>
Я понимаю, что все это не так уж и красиво. Хотя я, скорее всего, изменю HTML напрямую, я его не писал. Он был сгенерирован с помощью R Markdown. Обычно я нахожу, что таблицы могут быть гораздо менее болезненными, учитывая, как часто я их использую, для настройки в сценарии.
Когда я визуализирую HTML, между таблицей и следующей строкой текста возникает огромный разрыв. Это то, что происходит в HTML, когда я запускаю скрипт:
Однако, когда я использую поле за пределами таблицы, у меня нет этой проблемы. (Не обращайте внимания на надпись; она определенно не вычитана.) Если вы посмотрите, то увидите, что вторая заметка на полях на этом изображении не влияет на следующую <p></p>
.
Пожалуйста, дайте мне знать, если есть другая информация, которую я мог бы предоставить, чтобы быстрее получить помощь.