Установить изображения по левому краю в Typora

Question

По умолчанию Typora устанавливает все изображения по центру.

Я искал github.css, но не нашел img.

$ grep img "/Users/me/Library/Application Support/abnerworks.Typora/themes/github.css"
#return no matches

Как установить изображения по левому краю?

Answer 1

Вы можете редактировать CSS-файл вашей темы.

Перейдите к File > Preference или нажмите Ctrl+Comma. В Темах нажмите Open Theme Folder.

Откройте файл CSS вашей темы. Например, я использую тему Github .

Поиск img {} в файле CSS. В github.css я не нашел img {}. Если вы не найдете img {}, вы можете написать его. Затем установите display и align-items, как показано ниже.

img {
    display: -webkit-flex;
    -webkit-align-items: flex-start;
    display: flex;
    align-items: flex-start;
}

Выравнивание перед применением вышеуказанных свойств CSS:

Выравнивание после применения вышеуказанного кода CSS:

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

Надеюсь, это поможет!