Подтвердить что ты не робот

Таблица выравнивания ноутбуков ipython слева от ячейки

У меня ниже кода ноутбука ipython (markdown):

#### example table
|Name|Description|
|--|-------------------------------|
|Mary |She is a nice girl.|
|Jackie |He is a very naughty boy.|

Результат выглядит следующим образом: enter image description here

Как я могу:

  • Слева выровняйте таблицу ячейки, по умолчанию она по умолчанию.
  • Вправо выровняйте второй текст col.
4b9b3361

Ответ 1

Хорошо, да!

| Name | Description | age         
| :- |-------------: | :-:
|Mary| She is a nice girl.  | 20
| Jackie Junior | He is a very naughty boy. | 5
  • :--- или ---= выравнивание по левому краю
  • ---:= выравнивание по правому краю
  • :---:= centered

table

Ответ 2

Ответ на 1-й вопрос - выравнивание по левому краю таблицы - создание и запуск ячейки кода над ячейкой markdown таблицы со следующим содержимым:

%%html
<style>
table {float:left}
</style>

Ответ 3

Я бы предложил использовать этот вариант ответа на внут, который не влияет на поток остальных элементов вокруг таблицы. Поместите этот код внутри ячейки выше той, которая содержит таблицу:

%%html
<style>
  table {margin-left: 0 !important;}
</style>

Ответ 4

Вы можете сделать индивидуальные предпочтения в Ipython.

Просто создайте следующий файл

~/.ipython/profile_default/static/custom/custom.css

и добавьте следующий код.

table {float: left};

и вам не нужно ставить пользовательский css во все файлы ipython.

Ответ 5

Отвечая на первый вопрос: создавая таблицу и присваивая ей атрибут float: left, вы должны добавить больше CSS для разрешения текста, который окружает таблицу. Поместите это в ячейку кода перед ячейкой уценки

%%html
<style>
    table {
        display: inline-block
    }
</style>

Однако, если у вас много CSS, лучше всего разместить его в другом файле для общей красоты документа.

@jrjc отлично отвечает на второй вопрос;)

Ответ 6

! важный Переопределяет CSS отображаемого _html

Используйте ваши стили с! Важным

<style> table td, table th, table tr {text-align:left !important;} </style>