たくさんの自由帳

CSSで<code>の一行目だけ空白がある

投稿日 : | 0 日前

文字数(だいたい) : 186

目次

どうもこんばんわ。

重い腰を上げて調査した。

本題

なんか一行目だけ空白がある

Imgur

なおす

padding、marginを0pxにしたら直ったのでメモ
Vuetify導入下のCSSが以下の例なので、.v-applicationはいらないかもしれない

.v-application code {
    /* codeタグにはpaddingとmarginをかけないほうがいい？ */
    padding: 0px !important;
    margin: 0px !important;
    font-weight: initial !important;
    border-radius: 5px !important;
    font-family: 'Koruri Regular';
    font-size: initial !important;
}