#html #css #markdown
#HTML #css — файл #уценка #css #markdown
Вопрос:
Это мой код markdown
| Time | Length | Speed | Mass |
|--------------|---------------|--------------------|--------------|
| Millisecond | Millimetre | Kilometre per hour | Milligram |
| Second | Centimetre | Foot per second | Gram |
| Minute | Inch | Miles per hour | Ounce |
| Hour | Foot | Knot | Pound |
| Day | Yard | Metre per second | Kilogram |
| Week | Metre | | Us ton |
| Month | Kilometre | | Tonne |
| Year | Mile | | Imperial ton |
| Decade | Nautical mile | | |
| Century | | | |
| Millennium | | | |
Вывод:
| Время | Длина | Скорость | Массовое |
|---|---|---|---|
| Миллисекунда | Миллиметр | Километр в час | Миллиграмм |
| Второй | Сантиметр | Фут в секунду | Gram |
| Минута | Дюйм | Миль в час | Унция |
| Час | Нога | Узел | Фунт |
| День | Двор | Метр в секунду | Килограмм |
| Неделя | Метр | Us ton | |
| Месяц | Километр | Тонна | |
| Год | Миля | Imperial ton | |
| Десятилетие | Морская миля | ||
| Век | |||
| Тысячелетие |
Мне было интересно, можно ли сделать так, чтобы таблица не имела границ.
Комментарии:
1. Я не думаю, что это возможно, поскольку это просто markdown и в нем нет CSS .
2. @FluffyKitten Я думаю, он имеет в виду в markdown.
3. Это зависит от того, какой markdown вы используете и где. В Stackoverflow разрешено только очень ограниченное подмножество HTML-разметки, но обычно Markdown разрешает использовать в нем все HTML-теги, включая
<style>. Это позволит вам определять параметры стиля глобально или для конкретных таблиц с помощью селекторов CSS.4. @MMDM Да, я понял это, как только разместил ссылку (думаю, меня отвлекло исходное представление таблицы :)), и я удалил свой комментарий.
Ответ №1:
В самом Markdown нет механизма для скрытия границ таблицы. Вы можете переопределить стили таблицы CSS для сгенерированного HTML, но это будет работать, только если у вас есть доступ к CSS.
Для таких сервисов, как Github, где стили CSS предопределены владельцем сервиса и не могут быть переопределены, границы таблицы просто не могут быть скрыты.
Ответ №2:
Вы можете попробовать добавить <style> тег в верхней части вашего файла markdown с правилами удаления границ на элементах <td> и <tr> .
Но, к сожалению, я заметил, что это будет работать только локально при предварительном просмотре. Github очищает теги встроенного стиля и скрипта
<style>
td, th {
border: none!important;
}
</style>
| Time | Length | Speed | Mass |
| ------------ | ------------- | ------------------ | ------------ |
| -Millisecond | Millimetre | Kilometre per hour | Milligram |
| Second | Centimetre | Foot per second | Gram |
| Minute | Inch | Miles per hour | Ounce |
Комментарии:
1. Почему это не работает на сайте GitHub?
Ответ №3:
Просто добавьте :
<style>
table {
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
}
blockquote {
border-left: solid blue;
padding-left: 10px;
}
</style>
| Column One | Column Two |
| --- | --- |
| data cell one | data cell two |
И вы получите красивую функциональную таблицу со всеми границами всех ячеек.